HEX #2D87AA color — Jelly Bean
The color #2D87AA is a dark shade and moderately saturated.
Palette
2D87AA color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fc |
rgb(243,249,252) |
hsl(197,58%,97%) |
#dff0f6 |
rgb(223,240,246) |
hsl(197,58%,92%) |
#cbe6f1 |
rgb(203,230,241) |
hsl(197,58%,87%) |
#b6ddec |
rgb(182,221,236) |
hsl(197,58%,82%) |
#a2d3e6 |
rgb(162,211,230) |
hsl(197,58%,77%) |
#8ecae1 |
rgb(142,202,225) |
hsl(197,58%,72%) |
#7ac0dc |
rgb(122,192,220) |
hsl(197,58%,67%) |
#66b6d6 |
rgb(102,182,214) |
hsl(197,58%,62%) |
#52add1 |
rgb(82,173,209) |
hsl(197,58%,57%) |
#3ea3cc |
rgb(62,163,204) |
hsl(197,58%,52%) |
#3296bd |
rgb(50,150,189) |
hsl(197,58%,47%) |
#2d86a9 |
rgb(45,134,169) |
hsl(197,58%,42%) |
#287695 |
rgb(40,118,149) |
hsl(197,58%,37%) |
#226681 |
rgb(34,102,129) |
hsl(197,58%,32%) |
#1d566d |
rgb(29,86,109) |
hsl(197,58%,27%) |
#184659 |
rgb(24,70,89) |
hsl(197,58%,22%) |
#123644 |
rgb(18,54,68) |
hsl(197,58%,17%) |
#0d2630 |
rgb(13,38,48) |
hsl(197,58%,12%) |
#07161c |
rgb(7,22,28) |
hsl(197,58%,7%) |
#020608 |
rgb(2,6,8) |
hsl(197,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DAB79 |
rgb(45,171,121) |
hsl(156,58%,42%) |
#2D87AA |
rgb(45,135,170) |
hsl(197,58%,42%) |
#2D33AA |
rgb(45,51,170) |
hsl(237,58%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4CABCF |
rgb(76,171,207) |
hsl(196,58%,55%) |
#349CC5 |
rgb(52,156,197) |
hsl(197,58%,49%) |
#2D87AA |
rgb(45,135,170) |
hsl(197,58%,42%) |
#25708E |
rgb(37,112,142) |
hsl(197,59%,35%) |
#1E5C73 |
rgb(30,92,115) |
hsl(196,59%,28%) |
#174758 |
rgb(23,71,88) |
hsl(196,59%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D87AA |
rgb(45,135,170) |
hsl(197,58%,42%) |
#AA2E48 |
rgb(170,46,72) |
hsl(347,57%,42%) |
#AA8F2D |
rgb(170,143,45) |
hsl(47,58%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D87AA |
rgb(45,135,170) |
hsl(197,58%,42%) |
#AA4F2D |
rgb(170,79,45) |
hsl(16,58%,42%) |
#2DAB8E |
rgb(45,171,142) |
hsl(166,58%,42%) |
#AA8F2D |
rgb(170,143,45) |
hsl(47,58%,42%) |