HEX #314AD4 color — Cerulean Blue
The color #314AD4 is a dark shade and moderately saturated.
Palette
314AD4 color palette from light to dark
HEX |
RGB |
HSL |
#eef0fb |
rgb(238,240,251) |
hsl(231,65%,96%) |
#d9def7 |
rgb(217,222,247) |
hsl(231,65%,91%) |
#c4cbf3 |
rgb(196,203,243) |
hsl(231,65%,86%) |
#afb9ee |
rgb(175,185,238) |
hsl(231,65%,81%) |
#9aa6ea |
rgb(154,166,234) |
hsl(231,65%,76%) |
#8593e5 |
rgb(133,147,229) |
hsl(231,65%,71%) |
#7081e1 |
rgb(112,129,225) |
hsl(231,65%,66%) |
#5b6edc |
rgb(91,110,220) |
hsl(231,65%,61%) |
#465cd8 |
rgb(70,92,216) |
hsl(231,65%,56%) |
#3149d3 |
rgb(49,73,211) |
hsl(231,65%,51%) |
#2940c2 |
rgb(41,64,194) |
hsl(231,65%,46%) |
#2539ad |
rgb(37,57,173) |
hsl(231,65%,41%) |
#203297 |
rgb(32,50,151) |
hsl(231,65%,36%) |
#1c2b82 |
rgb(28,43,130) |
hsl(231,65%,31%) |
#17246d |
rgb(23,36,109) |
hsl(231,65%,26%) |
#131d58 |
rgb(19,29,88) |
hsl(231,65%,21%) |
#0e1643 |
rgb(14,22,67) |
hsl(231,65%,16%) |
#0a0f2e |
rgb(10,15,46) |
hsl(231,65%,11%) |
#050819 |
rgb(5,8,25) |
hsl(231,65%,6%) |
#010104 |
rgb(1,1,4) |
hsl(231,65%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B8D4 |
rgb(49,184,212) |
hsl(190,65%,51%) |
#314AD4 |
rgb(49,74,212) |
hsl(231,65%,51%) |
#8430D4 |
rgb(132,48,212) |
hsl(271,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7687E2 |
rgb(118,135,226) |
hsl(231,65%,67%) |
#5369DB |
rgb(83,105,219) |
hsl(230,65%,59%) |
#314AD4 |
rgb(49,74,212) |
hsl(231,65%,51%) |
#253BB5 |
rgb(37,59,181) |
hsl(231,66%,43%) |
#1E3092 |
rgb(30,48,146) |
hsl(231,66%,35%) |
#172670 |
rgb(23,38,112) |
hsl(230,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#314AD4 |
rgb(49,74,212) |
hsl(231,65%,51%) |
#D46931 |
rgb(212,105,49) |
hsl(21,65%,51%) |
#9BD431 |
rgb(155,212,49) |
hsl(81,65%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314AD4 |
rgb(49,74,212) |
hsl(231,65%,51%) |
#D4BA31 |
rgb(212,186,49) |
hsl(50,65%,51%) |
#319CD4 |
rgb(49,156,212) |
hsl(201,65%,51%) |
#9BD431 |
rgb(155,212,49) |
hsl(81,65%,51%) |