HEX #315EC4 color — Cerulean Blue
The color #315EC4 is a dark shade and moderately saturated.
Palette
315EC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(222,60%,98%) |
#e2e9f8 |
rgb(226,233,248) |
hsl(222,60%,93%) |
#ced9f3 |
rgb(206,217,243) |
hsl(222,60%,88%) |
#bac9ee |
rgb(186,201,238) |
hsl(222,60%,83%) |
#a5b9e9 |
rgb(165,185,233) |
hsl(222,60%,78%) |
#91aae3 |
rgb(145,170,227) |
hsl(222,60%,73%) |
#7c9ade |
rgb(124,154,222) |
hsl(222,60%,68%) |
#688ad9 |
rgb(104,138,217) |
hsl(222,60%,63%) |
#547ad4 |
rgb(84,122,212) |
hsl(222,60%,58%) |
#3f6acf |
rgb(63,106,207) |
hsl(222,60%,53%) |
#315dc4 |
rgb(49,93,196) |
hsl(222,60%,48%) |
#2c53af |
rgb(44,83,175) |
hsl(222,60%,43%) |
#274a9b |
rgb(39,74,155) |
hsl(222,60%,38%) |
#224087 |
rgb(34,64,135) |
hsl(222,60%,33%) |
#1d3672 |
rgb(29,54,114) |
hsl(222,60%,28%) |
#172d5e |
rgb(23,45,94) |
hsl(222,60%,23%) |
#122349 |
rgb(18,35,73) |
hsl(222,60%,18%) |
#0d1935 |
rgb(13,25,53) |
hsl(222,60%,13%) |
#081021 |
rgb(8,16,33) |
hsl(222,60%,8%) |
#03060c |
rgb(3,6,12) |
hsl(222,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31BFC4 |
rgb(49,191,196) |
hsl(182,60%,48%) |
#315EC4 |
rgb(49,94,196) |
hsl(222,60%,48%) |
#6630C4 |
rgb(102,48,196) |
hsl(262,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#698CD9 |
rgb(105,140,217) |
hsl(221,60%,63%) |
#4A73D1 |
rgb(74,115,209) |
hsl(222,59%,55%) |
#315EC4 |
rgb(49,94,196) |
hsl(222,60%,48%) |
#294FA4 |
rgb(41,79,164) |
hsl(221,60%,40%) |
#214085 |
rgb(33,64,133) |
hsl(221,60%,33%) |
#193065 |
rgb(25,48,101) |
hsl(222,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#315EC4 |
rgb(49,94,196) |
hsl(222,60%,48%) |
#C44D31 |
rgb(196,77,49) |
hsl(11,60%,48%) |
#A7C431 |
rgb(167,196,49) |
hsl(72,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315EC4 |
rgb(49,94,196) |
hsl(222,60%,48%) |
#C49631 |
rgb(196,150,49) |
hsl(41,60%,48%) |
#31A8C4 |
rgb(49,168,196) |
hsl(191,60%,48%) |
#A7C431 |
rgb(167,196,49) |
hsl(72,60%,48%) |