HEX #2D7DA1 color — Jelly Bean
The color #2D7DA1 is a dark shade and moderately saturated.
Palette
2D7DA1 color palette from light to dark
HEX |
RGB |
HSL |
#ebf5f9 |
rgb(235,245,249) |
hsl(199,56%,95%) |
#d7ebf4 |
rgb(215,235,244) |
hsl(199,56%,90%) |
#c3e1ee |
rgb(195,225,238) |
hsl(199,56%,85%) |
#afd6e9 |
rgb(175,214,233) |
hsl(199,56%,80%) |
#9ccce3 |
rgb(156,204,227) |
hsl(199,56%,75%) |
#88c2dd |
rgb(136,194,221) |
hsl(199,56%,70%) |
#74b8d8 |
rgb(116,184,216) |
hsl(199,56%,65%) |
#60aed2 |
rgb(96,174,210) |
hsl(199,56%,60%) |
#4ca4cd |
rgb(76,164,205) |
hsl(199,56%,55%) |
#389ac7 |
rgb(56,154,199) |
hsl(199,56%,50%) |
#328ab3 |
rgb(50,138,179) |
hsl(199,56%,45%) |
#2d7b9f |
rgb(45,123,159) |
hsl(199,56%,40%) |
#276c8b |
rgb(39,108,139) |
hsl(199,56%,35%) |
#225c77 |
rgb(34,92,119) |
hsl(199,56%,30%) |
#1c4d63 |
rgb(28,77,99) |
hsl(199,56%,25%) |
#163d50 |
rgb(22,61,80) |
hsl(199,56%,20%) |
#112e3c |
rgb(17,46,60) |
hsl(199,56%,15%) |
#0b1f28 |
rgb(11,31,40) |
hsl(199,56%,10%) |
#060f14 |
rgb(6,15,20) |
hsl(199,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DA177 |
rgb(45,161,119) |
hsl(158,56%,40%) |
#2D7DA1 |
rgb(45,125,161) |
hsl(199,56%,40%) |
#2D30A1 |
rgb(45,48,161) |
hsl(238,56%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#44A1CA |
rgb(68,161,202) |
hsl(198,56%,53%) |
#3491BA |
rgb(52,145,186) |
hsl(198,56%,47%) |
#2D7DA1 |
rgb(45,125,161) |
hsl(199,56%,40%) |
#256987 |
rgb(37,105,135) |
hsl(198,57%,34%) |
#1E546D |
rgb(30,84,109) |
hsl(199,57%,27%) |
#174053 |
rgb(23,64,83) |
hsl(199,57%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D7DA1 |
rgb(45,125,161) |
hsl(199,56%,40%) |
#A12E43 |
rgb(161,46,67) |
hsl(349,56%,41%) |
#A18C2D |
rgb(161,140,45) |
hsl(49,56%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D7DA1 |
rgb(45,125,161) |
hsl(199,56%,40%) |
#A1522D |
rgb(161,82,45) |
hsl(19,56%,40%) |
#2DA18B |
rgb(45,161,139) |
hsl(169,56%,40%) |
#A18C2D |
rgb(161,140,45) |
hsl(49,56%,40%) |