HEX #2C4AA2 color — Sapphire
The color #2C4AA2 is a dark shade and moderately saturated.
Palette
2C4AA2 color palette from light to dark
HEX |
RGB |
HSL |
#ebeffa |
rgb(235,239,250) |
hsl(225,57%,95%) |
#d7def4 |
rgb(215,222,244) |
hsl(225,57%,90%) |
#c3ceef |
rgb(195,206,239) |
hsl(225,57%,85%) |
#afbde9 |
rgb(175,189,233) |
hsl(225,57%,80%) |
#9bade4 |
rgb(155,173,228) |
hsl(225,57%,75%) |
#879dde |
rgb(135,157,222) |
hsl(225,57%,70%) |
#738cd9 |
rgb(115,140,217) |
hsl(225,57%,65%) |
#5f7cd3 |
rgb(95,124,211) |
hsl(225,57%,60%) |
#4b6cce |
rgb(75,108,206) |
hsl(225,57%,55%) |
#375bc8 |
rgb(55,91,200) |
hsl(225,57%,50%) |
#3152b4 |
rgb(49,82,180) |
hsl(225,57%,45%) |
#2c49a0 |
rgb(44,73,160) |
hsl(225,57%,40%) |
#26408c |
rgb(38,64,140) |
hsl(225,57%,35%) |
#213778 |
rgb(33,55,120) |
hsl(225,57%,30%) |
#1b2e64 |
rgb(27,46,100) |
hsl(225,57%,25%) |
#162450 |
rgb(22,36,80) |
hsl(225,57%,20%) |
#101b3c |
rgb(16,27,60) |
hsl(225,57%,15%) |
#0b1228 |
rgb(11,18,40) |
hsl(225,57%,10%) |
#050914 |
rgb(5,9,20) |
hsl(225,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2C99A2 |
rgb(44,153,162) |
hsl(185,57%,40%) |
#2C4AA2 |
rgb(44,74,162) |
hsl(225,57%,40%) |
#5C2BA2 |
rgb(92,43,162) |
hsl(265,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4366CC |
rgb(67,102,204) |
hsl(225,57%,53%) |
#3357BB |
rgb(51,87,187) |
hsl(224,57%,47%) |
#2C4AA2 |
rgb(44,74,162) |
hsl(225,57%,40%) |
#243D88 |
rgb(36,61,136) |
hsl(225,58%,34%) |
#1D336E |
rgb(29,51,110) |
hsl(224,58%,27%) |
#162654 |
rgb(22,38,84) |
hsl(225,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C4AA2 |
rgb(44,74,162) |
hsl(225,57%,40%) |
#A24A2C |
rgb(162,74,44) |
hsl(15,57%,40%) |
#85A32C |
rgb(133,163,44) |
hsl(75,57%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C4AA2 |
rgb(44,74,162) |
hsl(225,57%,40%) |
#A2852C |
rgb(162,133,44) |
hsl(45,57%,40%) |
#2C85A2 |
rgb(44,133,162) |
hsl(195,57%,40%) |
#85A32C |
rgb(133,163,44) |
hsl(75,57%,41%) |