HEX #314AD5 color — Cerulean Blue
The color #314AD5 is a dark shade and moderately saturated.
Palette
314AD5 color palette from light to dark
HEX |
RGB |
HSL |
#eef0fc |
rgb(238,240,252) |
hsl(231,66%,96%) |
#d9ddf7 |
rgb(217,221,247) |
hsl(231,66%,91%) |
#c4cbf3 |
rgb(196,203,243) |
hsl(231,66%,86%) |
#afb8ef |
rgb(175,184,239) |
hsl(231,66%,81%) |
#99a6ea |
rgb(153,166,234) |
hsl(231,66%,76%) |
#8493e6 |
rgb(132,147,230) |
hsl(231,66%,71%) |
#6f80e2 |
rgb(111,128,226) |
hsl(231,66%,66%) |
#5a6edd |
rgb(90,110,221) |
hsl(231,66%,61%) |
#455bd9 |
rgb(69,91,217) |
hsl(231,66%,56%) |
#3048d5 |
rgb(48,72,213) |
hsl(231,66%,51%) |
#283fc3 |
rgb(40,63,195) |
hsl(231,66%,46%) |
#2438ae |
rgb(36,56,174) |
hsl(231,66%,41%) |
#1f3198 |
rgb(31,49,152) |
hsl(231,66%,36%) |
#1b2b83 |
rgb(27,43,131) |
hsl(231,66%,31%) |
#17246e |
rgb(23,36,110) |
hsl(231,66%,26%) |
#121d59 |
rgb(18,29,89) |
hsl(231,66%,21%) |
#0e1644 |
rgb(14,22,68) |
hsl(231,66%,16%) |
#0a0f2f |
rgb(10,15,47) |
hsl(231,66%,11%) |
#050819 |
rgb(5,8,25) |
hsl(231,66%,6%) |
#010104 |
rgb(1,1,4) |
hsl(231,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B8D5 |
rgb(49,184,213) |
hsl(191,66%,51%) |
#314AD5 |
rgb(49,74,213) |
hsl(231,66%,51%) |
#8530D5 |
rgb(133,48,213) |
hsl(271,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7687E3 |
rgb(118,135,227) |
hsl(231,66%,68%) |
#5369DC |
rgb(83,105,220) |
hsl(230,66%,59%) |
#314AD5 |
rgb(49,74,213) |
hsl(231,66%,51%) |
#253BB6 |
rgb(37,59,182) |
hsl(231,66%,43%) |
#1E3093 |
rgb(30,48,147) |
hsl(231,66%,35%) |
#172471 |
rgb(23,36,113) |
hsl(231,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#314AD5 |
rgb(49,74,213) |
hsl(231,66%,51%) |
#D56B31 |
rgb(213,107,49) |
hsl(21,66%,51%) |
#9CD631 |
rgb(156,214,49) |
hsl(81,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314AD5 |
rgb(49,74,213) |
hsl(231,66%,51%) |
#D5BD31 |
rgb(213,189,49) |
hsl(51,66%,51%) |
#319CD5 |
rgb(49,156,213) |
hsl(201,66%,51%) |
#9CD631 |
rgb(156,214,49) |
hsl(81,67%,52%) |