HEX #2C4DA0 color — Sapphire
The color #2C4DA0 is a dark shade and moderately saturated.
Palette
2C4DA0 color palette from light to dark
HEX |
RGB |
HSL |
#ebeffa |
rgb(235,239,250) |
hsl(223,57%,95%) |
#d7dff4 |
rgb(215,223,244) |
hsl(223,57%,90%) |
#c3cfef |
rgb(195,207,239) |
hsl(223,57%,85%) |
#afbfe9 |
rgb(175,191,233) |
hsl(223,57%,80%) |
#9bb0e4 |
rgb(155,176,228) |
hsl(223,57%,75%) |
#87a0de |
rgb(135,160,222) |
hsl(223,57%,70%) |
#7390d9 |
rgb(115,144,217) |
hsl(223,57%,65%) |
#5f80d3 |
rgb(95,128,211) |
hsl(223,57%,60%) |
#4b70ce |
rgb(75,112,206) |
hsl(223,57%,55%) |
#3760c8 |
rgb(55,96,200) |
hsl(223,57%,50%) |
#3156b4 |
rgb(49,86,180) |
hsl(223,57%,45%) |
#2c4da0 |
rgb(44,77,160) |
hsl(223,57%,40%) |
#26438c |
rgb(38,67,140) |
hsl(223,57%,35%) |
#213a78 |
rgb(33,58,120) |
hsl(223,57%,30%) |
#1b3064 |
rgb(27,48,100) |
hsl(223,57%,25%) |
#162650 |
rgb(22,38,80) |
hsl(223,57%,20%) |
#101d3c |
rgb(16,29,60) |
hsl(223,57%,15%) |
#0b1328 |
rgb(11,19,40) |
hsl(223,57%,10%) |
#050a14 |
rgb(5,10,20) |
hsl(223,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2C9CA0 |
rgb(44,156,160) |
hsl(182,57%,40%) |
#2C4DA0 |
rgb(44,77,160) |
hsl(223,57%,40%) |
#582BA0 |
rgb(88,43,160) |
hsl(263,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4269CB |
rgb(66,105,203) |
hsl(223,57%,53%) |
#3359B9 |
rgb(51,89,185) |
hsl(223,57%,46%) |
#2C4DA0 |
rgb(44,77,160) |
hsl(223,57%,40%) |
#244086 |
rgb(36,64,134) |
hsl(223,58%,33%) |
#1D366C |
rgb(29,54,108) |
hsl(221,58%,27%) |
#162953 |
rgb(22,41,83) |
hsl(221,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C4DA0 |
rgb(44,77,160) |
hsl(223,57%,40%) |
#A0452C |
rgb(160,69,44) |
hsl(13,57%,40%) |
#87A12C |
rgb(135,161,44) |
hsl(73,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C4DA0 |
rgb(44,77,160) |
hsl(223,57%,40%) |
#A0802C |
rgb(160,128,44) |
hsl(43,57%,40%) |
#2C87A0 |
rgb(44,135,160) |
hsl(193,57%,40%) |
#87A12C |
rgb(135,161,44) |
hsl(73,57%,40%) |