HEX #2C7EAA color — Jelly Bean
The color #2c7eaa is a dark shade and moderately saturated.
Palette
2c7eaa color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fc |
rgb(243,249,252) |
hsl(201,59%,97%) |
#dfeef7 |
rgb(223,238,247) |
hsl(201,59%,92%) |
#cae4f1 |
rgb(202,228,241) |
hsl(201,59%,87%) |
#b6d9ec |
rgb(182,217,236) |
hsl(201,59%,82%) |
#a2cfe7 |
rgb(162,207,231) |
hsl(201,59%,77%) |
#8dc4e2 |
rgb(141,196,226) |
hsl(201,59%,72%) |
#79badc |
rgb(121,186,220) |
hsl(201,59%,67%) |
#65afd7 |
rgb(101,175,215) |
hsl(201,59%,62%) |
#51a5d2 |
rgb(81,165,210) |
hsl(201,59%,57%) |
#3c9acd |
rgb(60,154,205) |
hsl(201,59%,52%) |
#318dbf |
rgb(49,141,191) |
hsl(201,59%,47%) |
#2c7eaa |
rgb(44,126,170) |
hsl(201,59%,42%) |
#276f96 |
rgb(39,111,150) |
hsl(201,59%,37%) |
#216082 |
rgb(33,96,130) |
hsl(201,59%,32%) |
#1c516d |
rgb(28,81,109) |
hsl(201,59%,27%) |
#174259 |
rgb(23,66,89) |
hsl(201,59%,22%) |
#123345 |
rgb(18,51,69) |
hsl(201,59%,17%) |
#0d2431 |
rgb(13,36,49) |
hsl(201,59%,12%) |
#07151c |
rgb(7,21,28) |
hsl(201,59%,7%) |
#020608 |
rgb(2,6,8) |
hsl(201,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CAB82 |
rgb(44,171,130) |
hsl(161,59%,42%) |
#2C7EAA |
rgb(44,126,170) |
hsl(201,59%,42%) |
#2E2BAA |
rgb(46,43,170) |
hsl(241,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4AA1D0 |
rgb(74,161,208) |
hsl(201,59%,55%) |
#3391C5 |
rgb(51,145,197) |
hsl(201,59%,49%) |
#2C7EAA |
rgb(44,126,170) |
hsl(201,59%,42%) |
#246B8E |
rgb(36,107,142) |
hsl(200,60%,35%) |
#1D5773 |
rgb(29,87,115) |
hsl(200,60%,28%) |
#164258 |
rgb(22,66,88) |
hsl(200,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C7EAA |
rgb(44,126,170) |
hsl(201,59%,42%) |
#AA2B3F |
rgb(170,43,63) |
hsl(351,60%,42%) |
#AA962C |
rgb(170,150,44) |
hsl(50,59%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C7EAA |
rgb(44,126,170) |
hsl(201,59%,42%) |
#AA592C |
rgb(170,89,44) |
hsl(21,59%,42%) |
#2CAB97 |
rgb(44,171,151) |
hsl(171,59%,42%) |
#AA962C |
rgb(170,150,44) |
hsl(50,59%,42%) |