HEX #2A87A6 color — Jelly Bean
The color #2A87A6 is a dark shade and moderately saturated.
Palette
2A87A6 color palette from light to dark
HEX |
RGB |
HSL |
#eff8fb |
rgb(239,248,251) |
hsl(195,60%,96%) |
#daeff6 |
rgb(218,239,246) |
hsl(195,60%,91%) |
#c6e6f1 |
rgb(198,230,241) |
hsl(195,60%,86%) |
#b1ddec |
rgb(177,221,236) |
hsl(195,60%,81%) |
#9dd4e7 |
rgb(157,212,231) |
hsl(195,60%,76%) |
#89cbe1 |
rgb(137,203,225) |
hsl(195,60%,71%) |
#74c2dc |
rgb(116,194,220) |
hsl(195,60%,66%) |
#60b9d7 |
rgb(96,185,215) |
hsl(195,60%,61%) |
#4bb0d2 |
rgb(75,176,210) |
hsl(195,60%,56%) |
#37a8cd |
rgb(55,168,205) |
hsl(195,60%,51%) |
#2f98bc |
rgb(47,152,188) |
hsl(195,60%,46%) |
#2a88a7 |
rgb(42,136,167) |
hsl(195,60%,41%) |
#257793 |
rgb(37,119,147) |
hsl(195,60%,36%) |
#20677e |
rgb(32,103,126) |
hsl(195,60%,31%) |
#1b566a |
rgb(27,86,106) |
hsl(195,60%,26%) |
#154656 |
rgb(21,70,86) |
hsl(195,60%,21%) |
#103541 |
rgb(16,53,65) |
hsl(195,60%,16%) |
#0b242d |
rgb(11,36,45) |
hsl(195,60%,11%) |
#061418 |
rgb(6,20,24) |
hsl(195,60%,6%) |
#010304 |
rgb(1,3,4) |
hsl(195,60%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA672 |
rgb(42,166,114) |
hsl(155,60%,41%) |
#2A87A6 |
rgb(42,135,166) |
hsl(195,60%,41%) |
#2A36A6 |
rgb(42,54,166) |
hsl(234,60%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#43ADCF |
rgb(67,173,207) |
hsl(195,59%,54%) |
#309CC0 |
rgb(48,156,192) |
hsl(195,60%,47%) |
#2A87A6 |
rgb(42,135,166) |
hsl(195,60%,41%) |
#23708B |
rgb(35,112,139) |
hsl(196,60%,34%) |
#1C5C70 |
rgb(28,92,112) |
hsl(194,60%,27%) |
#154756 |
rgb(21,71,86) |
hsl(194,61%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A87A6 |
rgb(42,135,166) |
hsl(195,60%,41%) |
#A62949 |
rgb(166,41,73) |
hsl(345,60%,41%) |
#A6872A |
rgb(166,135,42) |
hsl(45,60%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A87A6 |
rgb(42,135,166) |
hsl(195,60%,41%) |
#A64A2A |
rgb(166,74,42) |
hsl(15,60%,41%) |
#2AA687 |
rgb(42,166,135) |
hsl(165,60%,41%) |
#A6872A |
rgb(166,135,42) |
hsl(45,60%,41%) |