HEX #314DD1 color — Cerulean Blue
The color #314DD1 is a dark shade and moderately saturated.
Palette
314DD1 color palette from light to dark
HEX |
RGB |
HSL |
#eef1fb |
rgb(238,241,251) |
hsl(230,63%,96%) |
#dadef7 |
rgb(218,222,247) |
hsl(230,63%,91%) |
#c5ccf2 |
rgb(197,204,242) |
hsl(230,63%,86%) |
#b0baed |
rgb(176,186,237) |
hsl(230,63%,81%) |
#9ba8e8 |
rgb(155,168,232) |
hsl(230,63%,76%) |
#8696e4 |
rgb(134,150,228) |
hsl(230,63%,71%) |
#7284df |
rgb(114,132,223) |
hsl(230,63%,66%) |
#5d72da |
rgb(93,114,218) |
hsl(230,63%,61%) |
#4860d5 |
rgb(72,96,213) |
hsl(230,63%,56%) |
#334ed1 |
rgb(51,78,209) |
hsl(230,63%,51%) |
#2b44bf |
rgb(43,68,191) |
hsl(230,63%,46%) |
#273daa |
rgb(39,61,170) |
hsl(230,63%,41%) |
#223596 |
rgb(34,53,150) |
hsl(230,63%,36%) |
#1d2e81 |
rgb(29,46,129) |
hsl(230,63%,31%) |
#19266c |
rgb(25,38,108) |
hsl(230,63%,26%) |
#141f57 |
rgb(20,31,87) |
hsl(230,63%,21%) |
#0f1843 |
rgb(15,24,67) |
hsl(230,63%,16%) |
#0a102e |
rgb(10,16,46) |
hsl(230,63%,11%) |
#060919 |
rgb(6,9,25) |
hsl(230,63%,6%) |
#010104 |
rgb(1,1,4) |
hsl(230,63%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B8D1 |
rgb(49,184,209) |
hsl(189,63%,51%) |
#314DD1 |
rgb(49,77,209) |
hsl(230,63%,51%) |
#7F30D1 |
rgb(127,48,209) |
hsl(269,64%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7487E0 |
rgb(116,135,224) |
hsl(229,64%,67%) |
#526BD8 |
rgb(82,107,216) |
hsl(229,63%,58%) |
#314DD1 |
rgb(49,77,209) |
hsl(230,63%,51%) |
#2740B1 |
rgb(39,64,177) |
hsl(229,64%,42%) |
#20338F |
rgb(32,51,143) |
hsl(230,63%,34%) |
#18266D |
rgb(24,38,109) |
hsl(230,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#314DD1 |
rgb(49,77,209) |
hsl(230,63%,51%) |
#D16631 |
rgb(209,102,49) |
hsl(20,63%,51%) |
#9DD131 |
rgb(157,209,49) |
hsl(80,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314DD1 |
rgb(49,77,209) |
hsl(230,63%,51%) |
#D1B531 |
rgb(209,181,49) |
hsl(50,63%,51%) |
#319ED1 |
rgb(49,158,209) |
hsl(199,63%,51%) |
#9DD131 |
rgb(157,209,49) |
hsl(80,63%,51%) |