HEX #314F9E color — Sapphire
The color #314F9E is a dark shade and moderately saturated.
Palette
314F9E color palette from light to dark
HEX |
RGB |
HSL |
#eff2fa |
rgb(239,242,250) |
hsl(223,53%,96%) |
#dce3f4 |
rgb(220,227,244) |
hsl(223,53%,91%) |
#c8d3ee |
rgb(200,211,238) |
hsl(223,53%,86%) |
#b5c3e8 |
rgb(181,195,232) |
hsl(223,53%,81%) |
#a1b4e2 |
rgb(161,180,226) |
hsl(223,53%,76%) |
#8ea4dc |
rgb(142,164,220) |
hsl(223,53%,71%) |
#7a94d6 |
rgb(122,148,214) |
hsl(223,53%,66%) |
#6785d0 |
rgb(103,133,208) |
hsl(223,53%,61%) |
#5375ca |
rgb(83,117,202) |
hsl(223,53%,56%) |
#4065c4 |
rgb(64,101,196) |
hsl(223,53%,51%) |
#375ab3 |
rgb(55,90,179) |
hsl(223,53%,46%) |
#3151a0 |
rgb(49,81,160) |
hsl(223,53%,41%) |
#2b478c |
rgb(43,71,140) |
hsl(223,53%,36%) |
#253d79 |
rgb(37,61,121) |
hsl(223,53%,31%) |
#1f3365 |
rgb(31,51,101) |
hsl(223,53%,26%) |
#192952 |
rgb(25,41,82) |
hsl(223,53%,21%) |
#131f3e |
rgb(19,31,62) |
hsl(223,53%,16%) |
#0d162b |
rgb(13,22,43) |
hsl(223,53%,11%) |
#070c17 |
rgb(7,12,23) |
hsl(223,53%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,53%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31969E |
rgb(49,150,158) |
hsl(184,53%,41%) |
#314F9E |
rgb(49,79,158) |
hsl(223,53%,41%) |
#5B309E |
rgb(91,48,158) |
hsl(263,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A6EC6 |
rgb(74,110,198) |
hsl(223,52%,53%) |
#385CB7 |
rgb(56,92,183) |
hsl(223,53%,47%) |
#314F9E |
rgb(49,79,158) |
hsl(223,53%,41%) |
#294284 |
rgb(41,66,132) |
hsl(224,53%,34%) |
#21366B |
rgb(33,54,107) |
hsl(223,53%,27%) |
#192952 |
rgb(25,41,82) |
hsl(223,53%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#314F9E |
rgb(49,79,158) |
hsl(223,53%,41%) |
#9E4A31 |
rgb(158,74,49) |
hsl(14,53%,41%) |
#859E31 |
rgb(133,158,49) |
hsl(74,53%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314F9E |
rgb(49,79,158) |
hsl(223,53%,41%) |
#9E8031 |
rgb(158,128,49) |
hsl(43,53%,41%) |
#31859E |
rgb(49,133,158) |
hsl(194,53%,41%) |
#859E31 |
rgb(133,158,49) |
hsl(74,53%,41%) |