HEX #314A99 color — Sapphire
The color #314A99 is a dark shade and moderately saturated.
Palette
314A99 color palette from light to dark
| HEX |
RGB |
HSL |
| #eceff9 |
rgb(236,239,249) |
hsl(226,51%,95%) |
| #d8dff3 |
rgb(216,223,243) |
hsl(226,51%,90%) |
| #c5ceec |
rgb(197,206,236) |
hsl(226,51%,85%) |
| #b2bee6 |
rgb(178,190,230) |
hsl(226,51%,80%) |
| #9faee0 |
rgb(159,174,224) |
hsl(226,51%,75%) |
| #8b9eda |
rgb(139,158,218) |
hsl(226,51%,70%) |
| #788dd3 |
rgb(120,141,211) |
hsl(226,51%,65%) |
| #657dcd |
rgb(101,125,205) |
hsl(226,51%,60%) |
| #526dc7 |
rgb(82,109,199) |
hsl(226,51%,55%) |
| #3e5dc1 |
rgb(62,93,193) |
hsl(226,51%,50%) |
| #3854ad |
rgb(56,84,173) |
hsl(226,51%,45%) |
| #324a9a |
rgb(50,74,154) |
hsl(226,51%,40%) |
| #2c4187 |
rgb(44,65,135) |
hsl(226,51%,35%) |
| #253874 |
rgb(37,56,116) |
hsl(226,51%,30%) |
| #1f2e60 |
rgb(31,46,96) |
hsl(226,51%,25%) |
| #19254d |
rgb(25,37,77) |
hsl(226,51%,20%) |
| #131c3a |
rgb(19,28,58) |
hsl(226,51%,15%) |
| #0c1327 |
rgb(12,19,39) |
hsl(226,51%,10%) |
| #060913 |
rgb(6,9,19) |
hsl(226,51%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #318F99 |
rgb(49,143,153) |
hsl(186,51%,40%) |
| #314A99 |
rgb(49,74,153) |
hsl(226,51%,40%) |
| #5D3099 |
rgb(93,48,153) |
hsl(266,52%,39%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3857B1 |
rgb(56,87,177) |
hsl(225,52%,46%) |
| #314A99 |
rgb(49,74,153) |
hsl(226,51%,40%) |
| #293D80 |
rgb(41,61,128) |
hsl(226,51%,33%) |
| #213368 |
rgb(33,51,104) |
hsl(225,52%,27%) |
| #19264F |
rgb(25,38,79) |
hsl(226,52%,20%) |
| #111A37 |
rgb(17,26,55) |
hsl(226,53%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #314A99 |
rgb(49,74,153) |
hsl(226,51%,40%) |
| #994D31 |
rgb(153,77,49) |
hsl(16,51%,40%) |
| #7E9931 |
rgb(126,153,49) |
hsl(76,51%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314A99 |
rgb(49,74,153) |
hsl(226,51%,40%) |
| #998031 |
rgb(153,128,49) |
hsl(46,51%,40%) |
| #317D99 |
rgb(49,125,153) |
hsl(196,51%,40%) |
| #7E9931 |
rgb(126,153,49) |
hsl(76,51%,40%) |
