HEX #314F99 color — Sapphire
The color #314F99 is a dark shade and moderately saturated.
Palette
314F99 color palette from light to dark
| HEX |
RGB |
HSL |
| #eceff9 |
rgb(236,239,249) |
hsl(223,51%,95%) |
| #d8e0f3 |
rgb(216,224,243) |
hsl(223,51%,90%) |
| #c5d0ec |
rgb(197,208,236) |
hsl(223,51%,85%) |
| #b2c1e6 |
rgb(178,193,230) |
hsl(223,51%,80%) |
| #9fb1e0 |
rgb(159,177,224) |
hsl(223,51%,75%) |
| #8ba2da |
rgb(139,162,218) |
hsl(223,51%,70%) |
| #7892d3 |
rgb(120,146,211) |
hsl(223,51%,65%) |
| #6582cd |
rgb(101,130,205) |
hsl(223,51%,60%) |
| #5273c7 |
rgb(82,115,199) |
hsl(223,51%,55%) |
| #3e63c1 |
rgb(62,99,193) |
hsl(223,51%,50%) |
| #3859ad |
rgb(56,89,173) |
hsl(223,51%,45%) |
| #324f9a |
rgb(50,79,154) |
hsl(223,51%,40%) |
| #2c4687 |
rgb(44,70,135) |
hsl(223,51%,35%) |
| #253c74 |
rgb(37,60,116) |
hsl(223,51%,30%) |
| #1f3260 |
rgb(31,50,96) |
hsl(223,51%,25%) |
| #19284d |
rgb(25,40,77) |
hsl(223,51%,20%) |
| #131e3a |
rgb(19,30,58) |
hsl(223,51%,15%) |
| #0c1427 |
rgb(12,20,39) |
hsl(223,51%,10%) |
| #060a13 |
rgb(6,10,19) |
hsl(223,51%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #319499 |
rgb(49,148,153) |
hsl(183,51%,40%) |
| #314F99 |
rgb(49,79,153) |
hsl(223,51%,40%) |
| #583099 |
rgb(88,48,153) |
hsl(263,52%,39%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #385CB1 |
rgb(56,92,177) |
hsl(222,52%,46%) |
| #314F99 |
rgb(49,79,153) |
hsl(223,51%,40%) |
| #294280 |
rgb(41,66,128) |
hsl(223,51%,33%) |
| #213668 |
rgb(33,54,104) |
hsl(222,52%,27%) |
| #19294F |
rgb(25,41,79) |
hsl(222,52%,20%) |
| #111C37 |
rgb(17,28,55) |
hsl(223,53%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #314F99 |
rgb(49,79,153) |
hsl(223,51%,40%) |
| #994731 |
rgb(153,71,49) |
hsl(13,51%,40%) |
| #839931 |
rgb(131,153,49) |
hsl(73,51%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314F99 |
rgb(49,79,153) |
hsl(223,51%,40%) |
| #997A31 |
rgb(153,122,49) |
hsl(42,51%,40%) |
| #318299 |
rgb(49,130,153) |
hsl(193,51%,40%) |
| #839931 |
rgb(131,153,49) |
hsl(73,51%,40%) |
