HEX #2A96A1 color — Jelly Bean
The color #2A96A1 is a light shade and moderately saturated.
Palette
2A96A1 color palette from light to dark
HEX |
RGB |
HSL |
#ebf8fa |
rgb(235,248,250) |
hsl(186,59%,95%) |
#d6f2f5 |
rgb(214,242,245) |
hsl(186,59%,90%) |
#c2ebef |
rgb(194,235,239) |
hsl(186,59%,85%) |
#aee4ea |
rgb(174,228,234) |
hsl(186,59%,80%) |
#9adde5 |
rgb(154,221,229) |
hsl(186,59%,75%) |
#85d7e0 |
rgb(133,215,224) |
hsl(186,59%,70%) |
#71d0da |
rgb(113,208,218) |
hsl(186,59%,65%) |
#5dc9d5 |
rgb(93,201,213) |
hsl(186,59%,60%) |
#49c2d0 |
rgb(73,194,208) |
hsl(186,59%,55%) |
#34bccb |
rgb(52,188,203) |
hsl(186,59%,50%) |
#2fa9b6 |
rgb(47,169,182) |
hsl(186,59%,45%) |
#2a96a2 |
rgb(42,150,162) |
hsl(186,59%,40%) |
#25838e |
rgb(37,131,142) |
hsl(186,59%,35%) |
#1f717a |
rgb(31,113,122) |
hsl(186,59%,30%) |
#1a5e65 |
rgb(26,94,101) |
hsl(186,59%,25%) |
#154b51 |
rgb(21,75,81) |
hsl(186,59%,20%) |
#10383d |
rgb(16,56,61) |
hsl(186,59%,15%) |
#0a2629 |
rgb(10,38,41) |
hsl(186,59%,10%) |
#051314 |
rgb(5,19,20) |
hsl(186,59%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA15C |
rgb(42,161,92) |
hsl(145,59%,40%) |
#2A96A1 |
rgb(42,150,161) |
hsl(186,59%,40%) |
#2A47A1 |
rgb(42,71,161) |
hsl(225,59%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#30ADBA |
rgb(48,173,186) |
hsl(186,59%,46%) |
#2A96A1 |
rgb(42,150,161) |
hsl(186,59%,40%) |
#237D87 |
rgb(35,125,135) |
hsl(186,59%,33%) |
#1C666D |
rgb(28,102,109) |
hsl(185,59%,27%) |
#154F53 |
rgb(21,79,83) |
hsl(184,60%,20%) |
#0F3639 |
rgb(15,54,57) |
hsl(184,58%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A96A1 |
rgb(42,150,161) |
hsl(186,59%,40%) |
#A1295A |
rgb(161,41,90) |
hsl(336,59%,40%) |
#A1702A |
rgb(161,112,42) |
hsl(35,59%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A96A1 |
rgb(42,150,161) |
hsl(186,59%,40%) |
#A1362A |
rgb(161,54,42) |
hsl(6,59%,40%) |
#2AA170 |
rgb(42,161,112) |
hsl(155,59%,40%) |
#A1702A |
rgb(161,112,42) |
hsl(35,59%,40%) |