HEX #2C6EA3 color — Jelly Bean
The color #2C6EA3 is a dark shade and moderately saturated.
Palette
2C6EA3 color palette from light to dark
HEX |
RGB |
HSL |
#eff5fb |
rgb(239,245,251) |
hsl(207,57%,96%) |
#dbe9f5 |
rgb(219,233,245) |
hsl(207,57%,91%) |
#c7ddf0 |
rgb(199,221,240) |
hsl(207,57%,86%) |
#b3d1ea |
rgb(179,209,234) |
hsl(207,57%,81%) |
#9fc5e5 |
rgb(159,197,229) |
hsl(207,57%,76%) |
#8bb9df |
rgb(139,185,223) |
hsl(207,57%,71%) |
#77adda |
rgb(119,173,218) |
hsl(207,57%,66%) |
#63a1d4 |
rgb(99,161,212) |
hsl(207,57%,61%) |
#4f95cf |
rgb(79,149,207) |
hsl(207,57%,56%) |
#3b89c9 |
rgb(59,137,201) |
hsl(207,57%,51%) |
#327cb8 |
rgb(50,124,184) |
hsl(207,57%,46%) |
#2d6fa4 |
rgb(45,111,164) |
hsl(207,57%,41%) |
#276190 |
rgb(39,97,144) |
hsl(207,57%,36%) |
#22547c |
rgb(34,84,124) |
hsl(207,57%,31%) |
#1d4668 |
rgb(29,70,104) |
hsl(207,57%,26%) |
#173954 |
rgb(23,57,84) |
hsl(207,57%,21%) |
#122b40 |
rgb(18,43,64) |
hsl(207,57%,16%) |
#0c1e2c |
rgb(12,30,44) |
hsl(207,57%,11%) |
#071018 |
rgb(7,16,24) |
hsl(207,57%,6%) |
#010304 |
rgb(1,3,4) |
hsl(207,57%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA388 |
rgb(44,163,136) |
hsl(166,57%,41%) |
#2C6EA3 |
rgb(44,110,163) |
hsl(207,57%,41%) |
#392BA3 |
rgb(57,43,163) |
hsl(247,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#448FCC |
rgb(68,143,204) |
hsl(207,57%,53%) |
#3380BD |
rgb(51,128,189) |
hsl(207,58%,47%) |
#2C6EA3 |
rgb(44,110,163) |
hsl(207,57%,41%) |
#245C88 |
rgb(36,92,136) |
hsl(206,58%,34%) |
#1D4A6E |
rgb(29,74,110) |
hsl(207,58%,27%) |
#163854 |
rgb(22,56,84) |
hsl(207,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C6EA3 |
rgb(44,110,163) |
hsl(207,57%,41%) |
#A32B32 |
rgb(163,43,50) |
hsl(357,58%,40%) |
#A39C2C |
rgb(163,156,44) |
hsl(56,57%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C6EA3 |
rgb(44,110,163) |
hsl(207,57%,41%) |
#A3612C |
rgb(163,97,44) |
hsl(27,57%,41%) |
#2CA39C |
rgb(44,163,156) |
hsl(176,57%,41%) |
#A39C2C |
rgb(163,156,44) |
hsl(56,57%,41%) |