HEX #2C4F9E color — Sapphire
The color #2C4F9E is a dark shade and moderately saturated.
Palette
2C4F9E color palette from light to dark
| HEX |
RGB |
HSL |
| #ebeff9 |
rgb(235,239,249) |
hsl(222,56%,95%) |
| #d7e0f4 |
rgb(215,224,244) |
hsl(222,56%,90%) |
| #c3d0ee |
rgb(195,208,238) |
hsl(222,56%,85%) |
| #afc1e9 |
rgb(175,193,233) |
hsl(222,56%,80%) |
| #9cb1e3 |
rgb(156,177,227) |
hsl(222,56%,75%) |
| #88a1dd |
rgb(136,161,221) |
hsl(222,56%,70%) |
| #7492d8 |
rgb(116,146,216) |
hsl(222,56%,65%) |
| #6082d2 |
rgb(96,130,210) |
hsl(222,56%,60%) |
| #4c73cd |
rgb(76,115,205) |
hsl(222,56%,55%) |
| #3863c7 |
rgb(56,99,199) |
hsl(222,56%,50%) |
| #3259b3 |
rgb(50,89,179) |
hsl(222,56%,45%) |
| #2d4f9f |
rgb(45,79,159) |
hsl(222,56%,40%) |
| #27458b |
rgb(39,69,139) |
hsl(222,56%,35%) |
| #223b77 |
rgb(34,59,119) |
hsl(222,56%,30%) |
| #1c3163 |
rgb(28,49,99) |
hsl(222,56%,25%) |
| #162850 |
rgb(22,40,80) |
hsl(222,56%,20%) |
| #111e3c |
rgb(17,30,60) |
hsl(222,56%,15%) |
| #0b1428 |
rgb(11,20,40) |
hsl(222,56%,10%) |
| #060a14 |
rgb(6,10,20) |
hsl(222,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2C9C9E |
rgb(44,156,158) |
hsl(181,56%,40%) |
| #2C4F9E |
rgb(44,79,158) |
hsl(222,56%,40%) |
| #552B9E |
rgb(85,43,158) |
hsl(262,57%,39%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #335CB7 |
rgb(51,92,183) |
hsl(221,56%,46%) |
| #2C4F9E |
rgb(44,79,158) |
hsl(222,56%,40%) |
| #244284 |
rgb(36,66,132) |
hsl(221,57%,33%) |
| #1D366B |
rgb(29,54,107) |
hsl(221,57%,27%) |
| #162952 |
rgb(22,41,82) |
hsl(221,58%,20%) |
| #0F1C38 |
rgb(15,28,56) |
hsl(221,58%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2C4F9E |
rgb(44,79,158) |
hsl(222,56%,40%) |
| #9E422C |
rgb(158,66,44) |
hsl(12,56%,40%) |
| #889E2C |
rgb(136,158,44) |
hsl(72,56%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2C4F9E |
rgb(44,79,158) |
hsl(222,56%,40%) |
| #9E7A2C |
rgb(158,122,44) |
hsl(41,56%,40%) |
| #2C879E |
rgb(44,135,158) |
hsl(192,56%,40%) |
| #889E2C |
rgb(136,158,44) |
hsl(72,56%,40%) |
