HEX #2C77B5 color — Jelly Bean
The color #2c77b5 is a dark shade and moderately saturated.
Palette
2c77b5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(207,61%,99%) |
#e6f1f9 |
rgb(230,241,249) |
hsl(207,61%,94%) |
#d2e5f4 |
rgb(210,229,244) |
hsl(207,61%,89%) |
#bdd9ef |
rgb(189,217,239) |
hsl(207,61%,84%) |
#a9cdea |
rgb(169,205,234) |
hsl(207,61%,79%) |
#94c1e5 |
rgb(148,193,229) |
hsl(207,61%,74%) |
#80b5e0 |
rgb(128,181,224) |
hsl(207,61%,69%) |
#6ba9db |
rgb(107,169,219) |
hsl(207,61%,64%) |
#579dd6 |
rgb(87,157,214) |
hsl(207,61%,59%) |
#4291d1 |
rgb(66,145,209) |
hsl(207,61%,54%) |
#3185c9 |
rgb(49,133,201) |
hsl(207,61%,49%) |
#2c77b5 |
rgb(44,119,181) |
hsl(207,61%,44%) |
#276aa0 |
rgb(39,106,160) |
hsl(207,61%,39%) |
#225c8c |
rgb(34,92,140) |
hsl(207,61%,34%) |
#1d4e77 |
rgb(29,78,119) |
hsl(207,61%,29%) |
#184163 |
rgb(24,65,99) |
hsl(207,61%,24%) |
#13334e |
rgb(19,51,78) |
hsl(207,61%,19%) |
#0e2639 |
rgb(14,38,57) |
hsl(207,61%,14%) |
#091825 |
rgb(9,24,37) |
hsl(207,61%,9%) |
#040b10 |
rgb(4,11,16) |
hsl(207,61%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CB597 |
rgb(44,181,151) |
hsl(167,61%,44%) |
#2C77B5 |
rgb(44,119,181) |
hsl(207,61%,44%) |
#3C2BB5 |
rgb(60,43,181) |
hsl(247,62%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#539CD5 |
rgb(83,156,213) |
hsl(206,61%,58%) |
#368ACE |
rgb(54,138,206) |
hsl(207,61%,51%) |
#2C77B5 |
rgb(44,119,181) |
hsl(207,61%,44%) |
#246398 |
rgb(36,99,152) |
hsl(207,62%,37%) |
#1D527B |
rgb(29,82,123) |
hsl(206,62%,30%) |
#163D5E |
rgb(22,61,94) |
hsl(208,62%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C77B5 |
rgb(44,119,181) |
hsl(207,61%,44%) |
#B52B32 |
rgb(181,43,50) |
hsl(357,62%,44%) |
#B5AD2C |
rgb(181,173,44) |
hsl(56,61%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C77B5 |
rgb(44,119,181) |
hsl(207,61%,44%) |
#B56B2C |
rgb(181,107,44) |
hsl(28,61%,44%) |
#2CB5AE |
rgb(44,181,174) |
hsl(177,61%,44%) |
#B5AD2C |
rgb(181,173,44) |
hsl(56,61%,44%) |