HEX #2C4F9F color — Sapphire
The color #2C4F9F is a dark shade and moderately saturated.
Palette
2C4F9F color palette from light to dark
| HEX |
RGB |
HSL |
| #ebeffa |
rgb(235,239,250) |
hsl(222,57%,95%) |
| #d7e0f4 |
rgb(215,224,244) |
hsl(222,57%,90%) |
| #c3d0ef |
rgb(195,208,239) |
hsl(222,57%,85%) |
| #afc0e9 |
rgb(175,192,233) |
hsl(222,57%,80%) |
| #9bb1e4 |
rgb(155,177,228) |
hsl(222,57%,75%) |
| #87a1de |
rgb(135,161,222) |
hsl(222,57%,70%) |
| #7391d9 |
rgb(115,145,217) |
hsl(222,57%,65%) |
| #5f82d3 |
rgb(95,130,211) |
hsl(222,57%,60%) |
| #4b72ce |
rgb(75,114,206) |
hsl(222,57%,55%) |
| #3762c8 |
rgb(55,98,200) |
hsl(222,57%,50%) |
| #3159b4 |
rgb(49,89,180) |
hsl(222,57%,45%) |
| #2c4fa0 |
rgb(44,79,160) |
hsl(222,57%,40%) |
| #26458c |
rgb(38,69,140) |
hsl(222,57%,35%) |
| #213b78 |
rgb(33,59,120) |
hsl(222,57%,30%) |
| #1b3164 |
rgb(27,49,100) |
hsl(222,57%,25%) |
| #162750 |
rgb(22,39,80) |
hsl(222,57%,20%) |
| #101e3c |
rgb(16,30,60) |
hsl(222,57%,15%) |
| #0b1428 |
rgb(11,20,40) |
hsl(222,57%,10%) |
| #050a14 |
rgb(5,10,20) |
hsl(222,57%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2C9C9F |
rgb(44,156,159) |
hsl(182,57%,40%) |
| #2C4F9F |
rgb(44,79,159) |
hsl(222,57%,40%) |
| #552B9F |
rgb(85,43,159) |
hsl(262,57%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #335CB8 |
rgb(51,92,184) |
hsl(222,57%,46%) |
| #2C4F9F |
rgb(44,79,159) |
hsl(222,57%,40%) |
| #244285 |
rgb(36,66,133) |
hsl(221,57%,33%) |
| #1D366C |
rgb(29,54,108) |
hsl(221,58%,27%) |
| #162952 |
rgb(22,41,82) |
hsl(221,58%,20%) |
| #0F1C39 |
rgb(15,28,57) |
hsl(221,58%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2C4F9F |
rgb(44,79,159) |
hsl(222,57%,40%) |
| #9F422C |
rgb(159,66,44) |
hsl(11,57%,40%) |
| #889E2C |
rgb(136,158,44) |
hsl(72,56%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2C4F9F |
rgb(44,79,159) |
hsl(222,57%,40%) |
| #9F7D2C |
rgb(159,125,44) |
hsl(42,57%,40%) |
| #2C8A9F |
rgb(44,138,159) |
hsl(191,57%,40%) |
| #889E2C |
rgb(136,158,44) |
hsl(72,56%,40%) |
