HEX #2D96A1 color — Jelly Bean
The color #2D96A1 is a light shade and moderately saturated.
Palette
2D96A1 color palette from light to dark
HEX |
RGB |
HSL |
#ebf8f9 |
rgb(235,248,249) |
hsl(186,56%,95%) |
#d7f1f4 |
rgb(215,241,244) |
hsl(186,56%,90%) |
#c3eaee |
rgb(195,234,238) |
hsl(186,56%,85%) |
#afe3e9 |
rgb(175,227,233) |
hsl(186,56%,80%) |
#9cdce3 |
rgb(156,220,227) |
hsl(186,56%,75%) |
#88d5dd |
rgb(136,213,221) |
hsl(186,56%,70%) |
#74ced8 |
rgb(116,206,216) |
hsl(186,56%,65%) |
#60c7d2 |
rgb(96,199,210) |
hsl(186,56%,60%) |
#4cc0cd |
rgb(76,192,205) |
hsl(186,56%,55%) |
#38b9c7 |
rgb(56,185,199) |
hsl(186,56%,50%) |
#32a6b3 |
rgb(50,166,179) |
hsl(186,56%,45%) |
#2d949f |
rgb(45,148,159) |
hsl(186,56%,40%) |
#27818b |
rgb(39,129,139) |
hsl(186,56%,35%) |
#226f77 |
rgb(34,111,119) |
hsl(186,56%,30%) |
#1c5c63 |
rgb(28,92,99) |
hsl(186,56%,25%) |
#164a50 |
rgb(22,74,80) |
hsl(186,56%,20%) |
#11373c |
rgb(17,55,60) |
hsl(186,56%,15%) |
#0b2528 |
rgb(11,37,40) |
hsl(186,56%,10%) |
#061214 |
rgb(6,18,20) |
hsl(186,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DA15E |
rgb(45,161,94) |
hsl(145,56%,40%) |
#2D96A1 |
rgb(45,150,161) |
hsl(186,56%,40%) |
#2D47A1 |
rgb(45,71,161) |
hsl(227,56%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#44BFCA |
rgb(68,191,202) |
hsl(185,56%,53%) |
#34ADBA |
rgb(52,173,186) |
hsl(186,56%,47%) |
#2D96A1 |
rgb(45,150,161) |
hsl(186,56%,40%) |
#257D87 |
rgb(37,125,135) |
hsl(186,57%,34%) |
#1E666D |
rgb(30,102,109) |
hsl(185,57%,27%) |
#174F53 |
rgb(23,79,83) |
hsl(184,57%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D96A1 |
rgb(45,150,161) |
hsl(186,56%,40%) |
#A12E5C |
rgb(161,46,92) |
hsl(336,56%,41%) |
#A1732D |
rgb(161,115,45) |
hsl(36,56%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D96A1 |
rgb(45,150,161) |
hsl(186,56%,40%) |
#A1382D |
rgb(161,56,45) |
hsl(6,56%,40%) |
#2DA172 |
rgb(45,161,114) |
hsl(156,56%,40%) |
#A1732D |
rgb(161,115,45) |
hsl(36,56%,40%) |