HEX #2D6EA0 color — Jelly Bean
The color #2D6EA0 is a dark shade and moderately saturated.
Palette
2D6EA0 color palette from light to dark
HEX |
RGB |
HSL |
#ebf3f9 |
rgb(235,243,249) |
hsl(206,56%,95%) |
#d7e7f4 |
rgb(215,231,244) |
hsl(206,56%,90%) |
#c3dcee |
rgb(195,220,238) |
hsl(206,56%,85%) |
#afd0e9 |
rgb(175,208,233) |
hsl(206,56%,80%) |
#9cc4e3 |
rgb(156,196,227) |
hsl(206,56%,75%) |
#88b8dd |
rgb(136,184,221) |
hsl(206,56%,70%) |
#74acd8 |
rgb(116,172,216) |
hsl(206,56%,65%) |
#60a1d2 |
rgb(96,161,210) |
hsl(206,56%,60%) |
#4c95cd |
rgb(76,149,205) |
hsl(206,56%,55%) |
#3889c7 |
rgb(56,137,199) |
hsl(206,56%,50%) |
#327bb3 |
rgb(50,123,179) |
hsl(206,56%,45%) |
#2d6e9f |
rgb(45,110,159) |
hsl(206,56%,40%) |
#27608b |
rgb(39,96,139) |
hsl(206,56%,35%) |
#225277 |
rgb(34,82,119) |
hsl(206,56%,30%) |
#1c4563 |
rgb(28,69,99) |
hsl(206,56%,25%) |
#163750 |
rgb(22,55,80) |
hsl(206,56%,20%) |
#11293c |
rgb(17,41,60) |
hsl(206,56%,15%) |
#0b1b28 |
rgb(11,27,40) |
hsl(206,56%,10%) |
#060e14 |
rgb(6,14,20) |
hsl(206,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DA185 |
rgb(45,161,133) |
hsl(166,56%,40%) |
#2D6EA0 |
rgb(45,110,160) |
hsl(206,56%,40%) |
#382EA0 |
rgb(56,46,160) |
hsl(245,55%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#448FCA |
rgb(68,143,202) |
hsl(206,56%,53%) |
#3480B9 |
rgb(52,128,185) |
hsl(206,56%,46%) |
#2D6EA0 |
rgb(45,110,160) |
hsl(206,56%,40%) |
#255C86 |
rgb(37,92,134) |
hsl(206,57%,34%) |
#1E4A6C |
rgb(30,74,108) |
hsl(206,57%,27%) |
#173853 |
rgb(23,56,83) |
hsl(207,57%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D6EA0 |
rgb(45,110,160) |
hsl(206,56%,40%) |
#A02E34 |
rgb(160,46,52) |
hsl(357,55%,40%) |
#A0992D |
rgb(160,153,45) |
hsl(56,56%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D6EA0 |
rgb(45,110,160) |
hsl(206,56%,40%) |
#A05E2D |
rgb(160,94,45) |
hsl(26,56%,40%) |
#2DA198 |
rgb(45,161,152) |
hsl(175,56%,40%) |
#A0992D |
rgb(160,153,45) |
hsl(56,56%,40%) |