HEX #2A85A6 color — Jelly Bean
The color #2A85A6 is a dark shade and moderately saturated.
Palette
2A85A6 color palette from light to dark
HEX |
RGB |
HSL |
#eff8fb |
rgb(239,248,251) |
hsl(196,60%,96%) |
#daeef6 |
rgb(218,238,246) |
hsl(196,60%,91%) |
#c6e5f1 |
rgb(198,229,241) |
hsl(196,60%,86%) |
#b1dcec |
rgb(177,220,236) |
hsl(196,60%,81%) |
#9dd3e7 |
rgb(157,211,231) |
hsl(196,60%,76%) |
#89cae1 |
rgb(137,202,225) |
hsl(196,60%,71%) |
#74c1dc |
rgb(116,193,220) |
hsl(196,60%,66%) |
#60b7d7 |
rgb(96,183,215) |
hsl(196,60%,61%) |
#4baed2 |
rgb(75,174,210) |
hsl(196,60%,56%) |
#37a5cd |
rgb(55,165,205) |
hsl(196,60%,51%) |
#2f96bc |
rgb(47,150,188) |
hsl(196,60%,46%) |
#2a86a7 |
rgb(42,134,167) |
hsl(196,60%,41%) |
#257693 |
rgb(37,118,147) |
hsl(196,60%,36%) |
#20657e |
rgb(32,101,126) |
hsl(196,60%,31%) |
#1b556a |
rgb(27,85,106) |
hsl(196,60%,26%) |
#154556 |
rgb(21,69,86) |
hsl(196,60%,21%) |
#103441 |
rgb(16,52,65) |
hsl(196,60%,16%) |
#0b242d |
rgb(11,36,45) |
hsl(196,60%,11%) |
#061418 |
rgb(6,20,24) |
hsl(196,60%,6%) |
#010304 |
rgb(1,3,4) |
hsl(196,60%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA674 |
rgb(42,166,116) |
hsl(156,60%,41%) |
#2A85A6 |
rgb(42,133,166) |
hsl(196,60%,41%) |
#2A33A6 |
rgb(42,51,166) |
hsl(236,60%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#43ABCF |
rgb(67,171,207) |
hsl(195,59%,54%) |
#309CC0 |
rgb(48,156,192) |
hsl(195,60%,47%) |
#2A85A6 |
rgb(42,133,166) |
hsl(196,60%,41%) |
#23708B |
rgb(35,112,139) |
hsl(196,60%,34%) |
#1C5970 |
rgb(28,89,112) |
hsl(196,60%,27%) |
#154556 |
rgb(21,69,86) |
hsl(196,61%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A85A6 |
rgb(42,133,166) |
hsl(196,60%,41%) |
#A62947 |
rgb(166,41,71) |
hsl(346,60%,41%) |
#A68A2A |
rgb(166,138,42) |
hsl(46,60%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A85A6 |
rgb(42,133,166) |
hsl(196,60%,41%) |
#A64A2A |
rgb(166,74,42) |
hsl(15,60%,41%) |
#2AA689 |
rgb(42,166,137) |
hsl(166,60%,41%) |
#A68A2A |
rgb(166,138,42) |
hsl(46,60%,41%) |