HEX #2D87A1 color — Jelly Bean
The color #2D87A1 is a dark shade and moderately saturated.
Palette
2D87A1 color palette from light to dark
HEX |
RGB |
HSL |
#ebf6f9 |
rgb(235,246,249) |
hsl(193,56%,95%) |
#d7eef4 |
rgb(215,238,244) |
hsl(193,56%,90%) |
#c3e5ee |
rgb(195,229,238) |
hsl(193,56%,85%) |
#afdce9 |
rgb(175,220,233) |
hsl(193,56%,80%) |
#9cd3e3 |
rgb(156,211,227) |
hsl(193,56%,75%) |
#88cbdd |
rgb(136,203,221) |
hsl(193,56%,70%) |
#74c2d8 |
rgb(116,194,216) |
hsl(193,56%,65%) |
#60b9d2 |
rgb(96,185,210) |
hsl(193,56%,60%) |
#4cb1cd |
rgb(76,177,205) |
hsl(193,56%,55%) |
#38a8c7 |
rgb(56,168,199) |
hsl(193,56%,50%) |
#3297b3 |
rgb(50,151,179) |
hsl(193,56%,45%) |
#2d869f |
rgb(45,134,159) |
hsl(193,56%,40%) |
#27768b |
rgb(39,118,139) |
hsl(193,56%,35%) |
#226577 |
rgb(34,101,119) |
hsl(193,56%,30%) |
#1c5463 |
rgb(28,84,99) |
hsl(193,56%,25%) |
#164350 |
rgb(22,67,80) |
hsl(193,56%,20%) |
#11323c |
rgb(17,50,60) |
hsl(193,56%,15%) |
#0b2228 |
rgb(11,34,40) |
hsl(193,56%,10%) |
#061114 |
rgb(6,17,20) |
hsl(193,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DA16D |
rgb(45,161,109) |
hsl(153,56%,40%) |
#2D87A1 |
rgb(45,135,161) |
hsl(193,56%,40%) |
#2D3BA1 |
rgb(45,59,161) |
hsl(233,56%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#44ADCA |
rgb(68,173,202) |
hsl(193,56%,53%) |
#349CBA |
rgb(52,156,186) |
hsl(193,56%,47%) |
#2D87A1 |
rgb(45,135,161) |
hsl(193,56%,40%) |
#257087 |
rgb(37,112,135) |
hsl(194,57%,34%) |
#1E5C6D |
rgb(30,92,109) |
hsl(193,57%,27%) |
#174753 |
rgb(23,71,83) |
hsl(192,57%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D87A1 |
rgb(45,135,161) |
hsl(193,56%,40%) |
#A12E4D |
rgb(161,46,77) |
hsl(344,56%,41%) |
#A1822D |
rgb(161,130,45) |
hsl(44,56%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D87A1 |
rgb(45,135,161) |
hsl(193,56%,40%) |
#A1472D |
rgb(161,71,45) |
hsl(13,56%,40%) |
#2DA181 |
rgb(45,161,129) |
hsl(163,56%,40%) |
#A1822D |
rgb(161,130,45) |
hsl(44,56%,40%) |