HEX #315CC4 color — Cerulean Blue
The color #315CC4 is a dark shade and moderately saturated.
Palette
315CC4 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%) |
#315CC4 |
rgb(49,92,196) |
hsl(222,60%,48%) |
#6830C4 |
rgb(104,48,196) |
hsl(263,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#698AD9 |
rgb(105,138,217) |
hsl(222,60%,63%) |
#4A73D1 |
rgb(74,115,209) |
hsl(222,59%,55%) |
#315CC4 |
rgb(49,92,196) |
hsl(222,60%,48%) |
#294DA4 |
rgb(41,77,164) |
hsl(222,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 |
#315CC4 |
rgb(49,92,196) |
hsl(222,60%,48%) |
#C44F31 |
rgb(196,79,49) |
hsl(12,60%,48%) |
#A5C431 |
rgb(165,196,49) |
hsl(73,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315CC4 |
rgb(49,92,196) |
hsl(222,60%,48%) |
#C49931 |
rgb(196,153,49) |
hsl(42,60%,48%) |
#31A6C4 |
rgb(49,166,196) |
hsl(192,60%,48%) |
#A5C431 |
rgb(165,196,49) |
hsl(73,60%,48%) |