HEX #2D87A7 color — Jelly Bean
The color #2D87A7 is a dark shade and moderately saturated.
Palette
2D87A7 color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fc |
rgb(243,249,252) |
hsl(196,58%,97%) |
#dff0f6 |
rgb(223,240,246) |
hsl(196,58%,92%) |
#cbe7f1 |
rgb(203,231,241) |
hsl(196,58%,87%) |
#b6deec |
rgb(182,222,236) |
hsl(196,58%,82%) |
#a2d4e6 |
rgb(162,212,230) |
hsl(196,58%,77%) |
#8ecbe1 |
rgb(142,203,225) |
hsl(196,58%,72%) |
#7ac2dc |
rgb(122,194,220) |
hsl(196,58%,67%) |
#66b8d6 |
rgb(102,184,214) |
hsl(196,58%,62%) |
#52afd1 |
rgb(82,175,209) |
hsl(196,58%,57%) |
#3ea6cc |
rgb(62,166,204) |
hsl(196,58%,52%) |
#3298bd |
rgb(50,152,189) |
hsl(196,58%,47%) |
#2d88a9 |
rgb(45,136,169) |
hsl(196,58%,42%) |
#287895 |
rgb(40,120,149) |
hsl(196,58%,37%) |
#226881 |
rgb(34,104,129) |
hsl(196,58%,32%) |
#1d576d |
rgb(29,87,109) |
hsl(196,58%,27%) |
#184759 |
rgb(24,71,89) |
hsl(196,58%,22%) |
#123744 |
rgb(18,55,68) |
hsl(196,58%,17%) |
#0d2730 |
rgb(13,39,48) |
hsl(196,58%,12%) |
#07171c |
rgb(7,23,28) |
hsl(196,58%,7%) |
#020608 |
rgb(2,6,8) |
hsl(196,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DA675 |
rgb(45,166,117) |
hsl(156,57%,41%) |
#2D87A7 |
rgb(45,135,167) |
hsl(196,58%,42%) |
#2D36A7 |
rgb(45,54,167) |
hsl(236,58%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#49ABCE |
rgb(73,171,206) |
hsl(196,58%,55%) |
#349CC1 |
rgb(52,156,193) |
hsl(196,58%,48%) |
#2D87A7 |
rgb(45,135,167) |
hsl(196,58%,42%) |
#25708C |
rgb(37,112,140) |
hsl(196,58%,35%) |
#1E5C71 |
rgb(30,92,113) |
hsl(195,58%,28%) |
#174756 |
rgb(23,71,86) |
hsl(194,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D87A7 |
rgb(45,135,167) |
hsl(196,58%,42%) |
#A72E4A |
rgb(167,46,74) |
hsl(346,57%,42%) |
#A78A2D |
rgb(167,138,45) |
hsl(46,58%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D87A7 |
rgb(45,135,167) |
hsl(196,58%,42%) |
#A74D2D |
rgb(167,77,45) |
hsl(16,58%,42%) |
#2DA68A |
rgb(45,166,138) |
hsl(166,57%,41%) |
#A78A2D |
rgb(167,138,45) |
hsl(46,58%,42%) |