HEX #2786A0 color — Jelly Bean
The color #2786a0 is a dark shade and moderately saturated.
Palette
2786a0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(193,61%,99%) |
#e6f5f9 |
rgb(230,245,249) |
hsl(193,61%,94%) |
#d2edf4 |
rgb(210,237,244) |
hsl(193,61%,89%) |
#bde4ef |
rgb(189,228,239) |
hsl(193,61%,84%) |
#a9dcea |
rgb(169,220,234) |
hsl(193,61%,79%) |
#94d4e5 |
rgb(148,212,229) |
hsl(193,61%,74%) |
#80cbe0 |
rgb(128,203,224) |
hsl(193,61%,69%) |
#6bc3db |
rgb(107,195,219) |
hsl(193,61%,64%) |
#57bbd6 |
rgb(87,187,214) |
hsl(193,61%,59%) |
#42b2d1 |
rgb(66,178,209) |
hsl(193,61%,54%) |
#31a8c9 |
rgb(49,168,201) |
hsl(193,61%,49%) |
#2c97b5 |
rgb(44,151,181) |
hsl(193,61%,44%) |
#2786a0 |
rgb(39,134,160) |
hsl(193,61%,39%) |
#22758c |
rgb(34,117,140) |
hsl(193,61%,34%) |
#1d6477 |
rgb(29,100,119) |
hsl(193,61%,29%) |
#185263 |
rgb(24,82,99) |
hsl(193,61%,24%) |
#13414e |
rgb(19,65,78) |
hsl(193,61%,19%) |
#0e3039 |
rgb(14,48,57) |
hsl(193,61%,14%) |
#091f25 |
rgb(9,31,37) |
hsl(193,61%,9%) |
#040e10 |
rgb(4,14,16) |
hsl(193,61%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#27A169 |
rgb(39,161,105) |
hsl(152,61%,39%) |
#2786A0 |
rgb(39,134,160) |
hsl(193,61%,39%) |
#2736A0 |
rgb(39,54,160) |
hsl(233,61%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2D9CB9 |
rgb(45,156,185) |
hsl(192,61%,45%) |
#2786A0 |
rgb(39,134,160) |
hsl(193,61%,39%) |
#207086 |
rgb(32,112,134) |
hsl(193,61%,33%) |
#1A5C6C |
rgb(26,92,108) |
hsl(192,61%,26%) |
#144553 |
rgb(20,69,83) |
hsl(193,61%,20%) |
#0E3039 |
rgb(14,48,57) |
hsl(193,61%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2786A0 |
rgb(39,134,160) |
hsl(193,61%,39%) |
#A02649 |
rgb(160,38,73) |
hsl(343,62%,39%) |
#A07D27 |
rgb(160,125,39) |
hsl(43,61%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2786A0 |
rgb(39,134,160) |
hsl(193,61%,39%) |
#A04027 |
rgb(160,64,39) |
hsl(12,61%,39%) |
#27A17D |
rgb(39,161,125) |
hsl(162,61%,39%) |
#A07D27 |
rgb(160,125,39) |
hsl(43,61%,39%) |