HEX #2C6EB0 color — Jelly Bean
The color #2C6EB0 is a dark shade and moderately saturated.
Palette
2C6EB0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(210,60%,98%) |
#e2edf8 |
rgb(226,237,248) |
hsl(210,60%,93%) |
#cee0f3 |
rgb(206,224,243) |
hsl(210,60%,88%) |
#bad4ee |
rgb(186,212,238) |
hsl(210,60%,83%) |
#a5c7e9 |
rgb(165,199,233) |
hsl(210,60%,78%) |
#91bae3 |
rgb(145,186,227) |
hsl(210,60%,73%) |
#7cadde |
rgb(124,173,222) |
hsl(210,60%,68%) |
#68a1d9 |
rgb(104,161,217) |
hsl(210,60%,63%) |
#5494d4 |
rgb(84,148,212) |
hsl(210,60%,58%) |
#3f87cf |
rgb(63,135,207) |
hsl(210,60%,53%) |
#317ac4 |
rgb(49,122,196) |
hsl(210,60%,48%) |
#2c6eaf |
rgb(44,110,175) |
hsl(210,60%,43%) |
#27619b |
rgb(39,97,155) |
hsl(210,60%,38%) |
#225487 |
rgb(34,84,135) |
hsl(210,60%,33%) |
#1d4772 |
rgb(29,71,114) |
hsl(210,60%,28%) |
#173b5e |
rgb(23,59,94) |
hsl(210,60%,23%) |
#122e49 |
rgb(18,46,73) |
hsl(210,60%,18%) |
#0d2135 |
rgb(13,33,53) |
hsl(210,60%,13%) |
#081421 |
rgb(8,20,33) |
hsl(210,60%,8%) |
#03080c |
rgb(3,8,12) |
hsl(210,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CB09A |
rgb(44,176,154) |
hsl(170,60%,43%) |
#2C6EB0 |
rgb(44,110,176) |
hsl(210,60%,43%) |
#422BB0 |
rgb(66,43,176) |
hsl(250,61%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F91D3 |
rgb(79,145,211) |
hsl(210,60%,57%) |
#3380CC |
rgb(51,128,204) |
hsl(210,60%,50%) |
#2C6EB0 |
rgb(44,110,176) |
hsl(210,60%,43%) |
#245C93 |
rgb(36,92,147) |
hsl(210,61%,36%) |
#1D4A77 |
rgb(29,74,119) |
hsl(210,61%,29%) |
#16385B |
rgb(22,56,91) |
hsl(210,61%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C6EB0 |
rgb(44,110,176) |
hsl(210,60%,43%) |
#B02B2C |
rgb(176,43,44) |
hsl(360,61%,43%) |
#B0B02C |
rgb(176,176,44) |
hsl(60,60%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C6EB0 |
rgb(44,110,176) |
hsl(210,60%,43%) |
#B06E2C |
rgb(176,110,44) |
hsl(30,60%,43%) |
#2CB0B0 |
rgb(44,176,176) |
hsl(180,60%,43%) |
#B0B02C |
rgb(176,176,44) |
hsl(60,60%,43%) |