HEX #314AC5 color — Cerulean Blue
The color #314AC5 is a dark shade and moderately saturated.
Palette
314AC5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(230,60%,98%) |
#e2e6f8 |
rgb(226,230,248) |
hsl(230,60%,93%) |
#ced4f3 |
rgb(206,212,243) |
hsl(230,60%,88%) |
#bac2ee |
rgb(186,194,238) |
hsl(230,60%,83%) |
#a5b0e9 |
rgb(165,176,233) |
hsl(230,60%,78%) |
#919fe3 |
rgb(145,159,227) |
hsl(230,60%,73%) |
#7c8dde |
rgb(124,141,222) |
hsl(230,60%,68%) |
#687bd9 |
rgb(104,123,217) |
hsl(230,60%,63%) |
#5469d4 |
rgb(84,105,212) |
hsl(230,60%,58%) |
#3f57cf |
rgb(63,87,207) |
hsl(230,60%,53%) |
#3149c4 |
rgb(49,73,196) |
hsl(230,60%,48%) |
#2c42af |
rgb(44,66,175) |
hsl(230,60%,43%) |
#273a9b |
rgb(39,58,155) |
hsl(230,60%,38%) |
#223287 |
rgb(34,50,135) |
hsl(230,60%,33%) |
#1d2b72 |
rgb(29,43,114) |
hsl(230,60%,28%) |
#17235e |
rgb(23,35,94) |
hsl(230,60%,23%) |
#121c49 |
rgb(18,28,73) |
hsl(230,60%,18%) |
#0d1435 |
rgb(13,20,53) |
hsl(230,60%,13%) |
#080c21 |
rgb(8,12,33) |
hsl(230,60%,8%) |
#03050c |
rgb(3,5,12) |
hsl(230,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31ADC5 |
rgb(49,173,197) |
hsl(190,60%,48%) |
#314AC5 |
rgb(49,74,197) |
hsl(230,60%,48%) |
#7A30C5 |
rgb(122,48,197) |
hsl(270,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6A7DDA |
rgb(106,125,218) |
hsl(230,60%,64%) |
#4B61D2 |
rgb(75,97,210) |
hsl(230,60%,56%) |
#314AC5 |
rgb(49,74,197) |
hsl(230,60%,48%) |
#293DA5 |
rgb(41,61,165) |
hsl(230,60%,40%) |
#213385 |
rgb(33,51,133) |
hsl(229,60%,33%) |
#192666 |
rgb(25,38,102) |
hsl(230,61%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#314AC5 |
rgb(49,74,197) |
hsl(230,60%,48%) |
#C56131 |
rgb(197,97,49) |
hsl(19,60%,48%) |
#94C431 |
rgb(148,196,49) |
hsl(80,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314AC5 |
rgb(49,74,197) |
hsl(230,60%,48%) |
#C5AB31 |
rgb(197,171,49) |
hsl(49,60%,48%) |
#3194C5 |
rgb(49,148,197) |
hsl(200,60%,48%) |
#94C431 |
rgb(148,196,49) |
hsl(80,60%,48%) |