HEX #2A85A4 color — Jelly Bean
The color #2A85A4 is a dark shade and moderately saturated.
Palette
2A85A4 color palette from light to dark
HEX |
RGB |
HSL |
#ebf6fa |
rgb(235,246,250) |
hsl(195,59%,95%) |
#d6edf5 |
rgb(214,237,245) |
hsl(195,59%,90%) |
#c2e4ef |
rgb(194,228,239) |
hsl(195,59%,85%) |
#aedbea |
rgb(174,219,234) |
hsl(195,59%,80%) |
#9ad2e5 |
rgb(154,210,229) |
hsl(195,59%,75%) |
#85c9e0 |
rgb(133,201,224) |
hsl(195,59%,70%) |
#71c0da |
rgb(113,192,218) |
hsl(195,59%,65%) |
#5db7d5 |
rgb(93,183,213) |
hsl(195,59%,60%) |
#49aed0 |
rgb(73,174,208) |
hsl(195,59%,55%) |
#34a5cb |
rgb(52,165,203) |
hsl(195,59%,50%) |
#2f95b6 |
rgb(47,149,182) |
hsl(195,59%,45%) |
#2a84a2 |
rgb(42,132,162) |
hsl(195,59%,40%) |
#25748e |
rgb(37,116,142) |
hsl(195,59%,35%) |
#1f637a |
rgb(31,99,122) |
hsl(195,59%,30%) |
#1a5365 |
rgb(26,83,101) |
hsl(195,59%,25%) |
#154251 |
rgb(21,66,81) |
hsl(195,59%,20%) |
#10323d |
rgb(16,50,61) |
hsl(195,59%,15%) |
#0a2129 |
rgb(10,33,41) |
hsl(195,59%,10%) |
#051114 |
rgb(5,17,20) |
hsl(195,59%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA371 |
rgb(42,163,113) |
hsl(155,59%,40%) |
#2A85A4 |
rgb(42,133,164) |
hsl(195,59%,40%) |
#2A33A4 |
rgb(42,51,164) |
hsl(236,59%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#41ABCE |
rgb(65,171,206) |
hsl(195,59%,53%) |
#309CBE |
rgb(48,156,190) |
hsl(194,60%,47%) |
#2A85A4 |
rgb(42,133,164) |
hsl(195,59%,40%) |
#237089 |
rgb(35,112,137) |
hsl(195,59%,34%) |
#1C596F |
rgb(28,89,111) |
hsl(196,60%,27%) |
#154555 |
rgb(21,69,85) |
hsl(195,60%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A85A4 |
rgb(42,133,164) |
hsl(195,59%,40%) |
#A42948 |
rgb(164,41,72) |
hsl(345,60%,40%) |
#A4872A |
rgb(164,135,42) |
hsl(46,59%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A85A4 |
rgb(42,133,164) |
hsl(195,59%,40%) |
#A44A2A |
rgb(164,74,42) |
hsl(16,59%,40%) |
#2AA386 |
rgb(42,163,134) |
hsl(166,59%,40%) |
#A4872A |
rgb(164,135,42) |
hsl(46,59%,40%) |