HEX #2A7AAA color — Jelly Bean
The color #2A7AAA is a dark shade and moderately saturated.
Palette
2A7AAA color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(203,60%,97%) |
#deedf7 |
rgb(222,237,247) |
hsl(203,60%,92%) |
#cae2f2 |
rgb(202,226,242) |
hsl(203,60%,87%) |
#b6d8ed |
rgb(182,216,237) |
hsl(203,60%,82%) |
#a1cde8 |
rgb(161,205,232) |
hsl(203,60%,77%) |
#8dc2e2 |
rgb(141,194,226) |
hsl(203,60%,72%) |
#78b7dd |
rgb(120,183,221) |
hsl(203,60%,67%) |
#64acd8 |
rgb(100,172,216) |
hsl(203,60%,62%) |
#50a1d3 |
rgb(80,161,211) |
hsl(203,60%,57%) |
#3b96ce |
rgb(59,150,206) |
hsl(203,60%,52%) |
#3089c0 |
rgb(48,137,192) |
hsl(203,60%,47%) |
#2b7aab |
rgb(43,122,171) |
hsl(203,60%,42%) |
#266c97 |
rgb(38,108,151) |
hsl(203,60%,37%) |
#215d83 |
rgb(33,93,131) |
hsl(203,60%,32%) |
#1c4e6e |
rgb(28,78,110) |
hsl(203,60%,27%) |
#16405a |
rgb(22,64,90) |
hsl(203,60%,22%) |
#113145 |
rgb(17,49,69) |
hsl(203,60%,17%) |
#0c2331 |
rgb(12,35,49) |
hsl(203,60%,12%) |
#07141d |
rgb(7,20,29) |
hsl(203,60%,7%) |
#020608 |
rgb(2,6,8) |
hsl(203,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AAB84 |
rgb(42,171,132) |
hsl(162,61%,42%) |
#2A7AAA |
rgb(42,122,170) |
hsl(203,60%,42%) |
#2F29AA |
rgb(47,41,170) |
hsl(243,61%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#469ED1 |
rgb(70,158,209) |
hsl(202,60%,55%) |
#308CC5 |
rgb(48,140,197) |
hsl(203,61%,48%) |
#2A7AAA |
rgb(42,122,170) |
hsl(203,60%,42%) |
#23668E |
rgb(35,102,142) |
hsl(202,60%,35%) |
#1C5473 |
rgb(28,84,115) |
hsl(201,61%,28%) |
#154058 |
rgb(21,64,88) |
hsl(201,61%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7AAA |
rgb(42,122,170) |
hsl(203,60%,42%) |
#AA293A |
rgb(170,41,58) |
hsl(352,61%,41%) |
#AA992A |
rgb(170,153,42) |
hsl(52,60%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7AAA |
rgb(42,122,170) |
hsl(203,60%,42%) |
#AA592A |
rgb(170,89,42) |
hsl(22,60%,42%) |
#2AAB9A |
rgb(42,171,154) |
hsl(172,61%,42%) |
#AA992A |
rgb(170,153,42) |
hsl(52,60%,42%) |