HEX #2A87A9 color — Jelly Bean
The color #2A87A9 is a dark shade and moderately saturated.
Palette
2A87A9 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 |
#2AA876 |
rgb(42,168,118) |
hsl(156,60%,41%) |
#2A87A9 |
rgb(42,135,169) |
hsl(196,60%,41%) |
#2A33A9 |
rgb(42,51,169) |
hsl(236,60%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#45ABD0 |
rgb(69,171,208) |
hsl(196,60%,54%) |
#309CC4 |
rgb(48,156,196) |
hsl(196,61%,48%) |
#2A87A9 |
rgb(42,135,169) |
hsl(196,60%,41%) |
#23708D |
rgb(35,112,141) |
hsl(196,60%,35%) |
#1C5C72 |
rgb(28,92,114) |
hsl(195,61%,28%) |
#154757 |
rgb(21,71,87) |
hsl(195,61%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A87A9 |
rgb(42,135,169) |
hsl(196,60%,41%) |
#A92947 |
rgb(169,41,71) |
hsl(346,61%,41%) |
#A98C2A |
rgb(169,140,42) |
hsl(46,60%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A87A9 |
rgb(42,135,169) |
hsl(196,60%,41%) |
#A94D2A |
rgb(169,77,42) |
hsl(17,60%,41%) |
#2AA88B |
rgb(42,168,139) |
hsl(166,60%,41%) |
#A98C2A |
rgb(169,140,42) |
hsl(46,60%,41%) |