HEX #314AD6 color — Cerulean Blue
The color #314AD6 is a dark shade and moderately saturated.
Palette
314AD6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fc |
rgb(242,244,252) |
hsl(231,67%,97%) |
#dde1f8 |
rgb(221,225,248) |
hsl(231,67%,92%) |
#c8cef4 |
rgb(200,206,244) |
hsl(231,67%,87%) |
#b2bcf0 |
rgb(178,188,240) |
hsl(231,67%,82%) |
#9da9ec |
rgb(157,169,236) |
hsl(231,67%,77%) |
#8896e7 |
rgb(136,150,231) |
hsl(231,67%,72%) |
#7283e3 |
rgb(114,131,227) |
hsl(231,67%,67%) |
#5d71df |
rgb(93,113,223) |
hsl(231,67%,62%) |
#485edb |
rgb(72,94,219) |
hsl(231,67%,57%) |
#334bd7 |
rgb(51,75,215) |
hsl(231,67%,52%) |
#2840c8 |
rgb(40,64,200) |
hsl(231,67%,47%) |
#2339b3 |
rgb(35,57,179) |
hsl(231,67%,42%) |
#1f329e |
rgb(31,50,158) |
hsl(231,67%,37%) |
#1b2b88 |
rgb(27,43,136) |
hsl(231,67%,32%) |
#172573 |
rgb(23,37,115) |
hsl(231,67%,27%) |
#131e5e |
rgb(19,30,94) |
hsl(231,67%,22%) |
#0e1748 |
rgb(14,23,72) |
hsl(231,67%,17%) |
#0a1033 |
rgb(10,16,51) |
hsl(231,67%,12%) |
#06091e |
rgb(6,9,30) |
hsl(231,67%,7%) |
#020309 |
rgb(2,3,9) |
hsl(231,67%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B8D6 |
rgb(49,184,214) |
hsl(191,67%,52%) |
#314AD6 |
rgb(49,74,214) |
hsl(231,67%,52%) |
#8630D6 |
rgb(134,48,214) |
hsl(271,67%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7787E3 |
rgb(119,135,227) |
hsl(231,66%,68%) |
#5469DC |
rgb(84,105,220) |
hsl(231,66%,60%) |
#314AD6 |
rgb(49,74,214) |
hsl(231,67%,52%) |
#243BB8 |
rgb(36,59,184) |
hsl(231,67%,43%) |
#1D3095 |
rgb(29,48,149) |
hsl(231,67%,35%) |
#162472 |
rgb(22,36,114) |
hsl(231,68%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#314AD6 |
rgb(49,74,214) |
hsl(231,67%,52%) |
#D66B31 |
rgb(214,107,49) |
hsl(21,67%,52%) |
#9CD631 |
rgb(156,214,49) |
hsl(81,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314AD6 |
rgb(49,74,214) |
hsl(231,67%,52%) |
#D6BD31 |
rgb(214,189,49) |
hsl(51,67%,52%) |
#319CD6 |
rgb(49,156,214) |
hsl(201,67%,52%) |
#9CD631 |
rgb(156,214,49) |
hsl(81,67%,52%) |