HEX #2A87A0 color — Jelly Bean
The color #2A87A0 is a dark shade and moderately saturated.
Palette
2A87A0 color palette from light to dark
HEX |
RGB |
HSL |
#ebf6fa |
rgb(235,246,250) |
hsl(193,58%,95%) |
#d7eef4 |
rgb(215,238,244) |
hsl(193,58%,90%) |
#c3e5ef |
rgb(195,229,239) |
hsl(193,58%,85%) |
#aeddea |
rgb(174,221,234) |
hsl(193,58%,80%) |
#9ad4e4 |
rgb(154,212,228) |
hsl(193,58%,75%) |
#86ccdf |
rgb(134,204,223) |
hsl(193,58%,70%) |
#72c3da |
rgb(114,195,218) |
hsl(193,58%,65%) |
#5ebbd4 |
rgb(94,187,212) |
hsl(193,58%,60%) |
#4ab2cf |
rgb(74,178,207) |
hsl(193,58%,55%) |
#36a9c9 |
rgb(54,169,201) |
hsl(193,58%,50%) |
#3098b5 |
rgb(48,152,181) |
hsl(193,58%,45%) |
#2b88a1 |
rgb(43,136,161) |
hsl(193,58%,40%) |
#25778d |
rgb(37,119,141) |
hsl(193,58%,35%) |
#206679 |
rgb(32,102,121) |
hsl(193,58%,30%) |
#1b5565 |
rgb(27,85,101) |
hsl(193,58%,25%) |
#154451 |
rgb(21,68,81) |
hsl(193,58%,20%) |
#10333c |
rgb(16,51,60) |
hsl(193,58%,15%) |
#0b2228 |
rgb(11,34,40) |
hsl(193,58%,10%) |
#051114 |
rgb(5,17,20) |
hsl(193,58%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA16A |
rgb(42,161,106) |
hsl(152,59%,40%) |
#2A87A0 |
rgb(42,135,160) |
hsl(193,58%,40%) |
#2A38A0 |
rgb(42,56,160) |
hsl(233,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#309CB9 |
rgb(48,156,185) |
hsl(193,59%,46%) |
#2A87A0 |
rgb(42,135,160) |
hsl(193,58%,40%) |
#237086 |
rgb(35,112,134) |
hsl(193,59%,33%) |
#1C5C6C |
rgb(28,92,108) |
hsl(192,59%,27%) |
#154753 |
rgb(21,71,83) |
hsl(192,60%,20%) |
#0F3039 |
rgb(15,48,57) |
hsl(193,58%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A87A0 |
rgb(42,135,160) |
hsl(193,58%,40%) |
#A0294C |
rgb(160,41,76) |
hsl(342,59%,39%) |
#A07D2A |
rgb(160,125,42) |
hsl(42,58%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A87A0 |
rgb(42,135,160) |
hsl(193,58%,40%) |
#A0422A |
rgb(160,66,42) |
hsl(12,58%,40%) |
#2AA17E |
rgb(42,161,126) |
hsl(162,59%,40%) |
#A07D2A |
rgb(160,125,42) |
hsl(42,58%,40%) |