HEX #2D4F9F color — Sapphire
The color #2d4f9f is a dark shade and moderately saturated.
Palette
2d4f9f 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 |
#2D9C9F |
rgb(45,156,159) |
hsl(182,56%,40%) |
#2D4F9F |
rgb(45,79,159) |
hsl(222,56%,40%) |
#572E9F |
rgb(87,46,159) |
hsl(262,55%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#436BC9 |
rgb(67,107,201) |
hsl(222,55%,53%) |
#345CB8 |
rgb(52,92,184) |
hsl(222,56%,46%) |
#2D4F9F |
rgb(45,79,159) |
hsl(222,56%,40%) |
#254285 |
rgb(37,66,133) |
hsl(222,56%,33%) |
#1E366C |
rgb(30,54,108) |
hsl(222,57%,27%) |
#172952 |
rgb(23,41,82) |
hsl(222,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D4F9F |
rgb(45,79,159) |
hsl(222,56%,40%) |
#9F452D |
rgb(159,69,45) |
hsl(13,56%,40%) |
#889E2D |
rgb(136,158,45) |
hsl(72,56%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D4F9F |
rgb(45,79,159) |
hsl(222,56%,40%) |
#9F7D2D |
rgb(159,125,45) |
hsl(42,56%,40%) |
#2D879F |
rgb(45,135,159) |
hsl(193,56%,40%) |
#889E2D |
rgb(136,158,45) |
hsl(72,56%,40%) |