HEX #3158C4 color — Cerulean Blue
The color #3158c4 is a dark shade and moderately saturated.
Palette
3158c4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(224,60%,98%) |
#e2e8f8 |
rgb(226,232,248) |
hsl(224,60%,93%) |
#ced8f3 |
rgb(206,216,243) |
hsl(224,60%,88%) |
#bac8ee |
rgb(186,200,238) |
hsl(224,60%,83%) |
#a5b7e9 |
rgb(165,183,233) |
hsl(224,60%,78%) |
#91a7e3 |
rgb(145,167,227) |
hsl(224,60%,73%) |
#7c97de |
rgb(124,151,222) |
hsl(224,60%,68%) |
#6886d9 |
rgb(104,134,217) |
hsl(224,60%,63%) |
#5476d4 |
rgb(84,118,212) |
hsl(224,60%,58%) |
#3f66cf |
rgb(63,102,207) |
hsl(224,60%,53%) |
#3158c4 |
rgb(49,88,196) |
hsl(224,60%,48%) |
#2c4faf |
rgb(44,79,175) |
hsl(224,60%,43%) |
#27469b |
rgb(39,70,155) |
hsl(224,60%,38%) |
#223d87 |
rgb(34,61,135) |
hsl(224,60%,33%) |
#1d3372 |
rgb(29,51,114) |
hsl(224,60%,28%) |
#172a5e |
rgb(23,42,94) |
hsl(224,60%,23%) |
#122149 |
rgb(18,33,73) |
hsl(224,60%,18%) |
#0d1835 |
rgb(13,24,53) |
hsl(224,60%,13%) |
#080f21 |
rgb(8,15,33) |
hsl(224,60%,8%) |
#03060c |
rgb(3,6,12) |
hsl(224,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31BAC4 |
rgb(49,186,196) |
hsl(184,60%,48%) |
#3158C4 |
rgb(49,88,196) |
hsl(224,60%,48%) |
#6C30C4 |
rgb(108,48,196) |
hsl(264,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6987D9 |
rgb(105,135,217) |
hsl(224,60%,63%) |
#4A6ED1 |
rgb(74,110,209) |
hsl(224,59%,55%) |
#3158C4 |
rgb(49,88,196) |
hsl(224,60%,48%) |
#294AA4 |
rgb(41,74,164) |
hsl(224,60%,40%) |
#213B85 |
rgb(33,59,133) |
hsl(224,60%,33%) |
#192E65 |
rgb(25,46,101) |
hsl(223,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3158C4 |
rgb(49,88,196) |
hsl(224,60%,48%) |
#C45431 |
rgb(196,84,49) |
hsl(14,60%,48%) |
#A1C431 |
rgb(161,196,49) |
hsl(74,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3158C4 |
rgb(49,88,196) |
hsl(224,60%,48%) |
#C49E31 |
rgb(196,158,49) |
hsl(44,60%,48%) |
#31A1C4 |
rgb(49,161,196) |
hsl(194,60%,48%) |
#A1C431 |
rgb(161,196,49) |
hsl(74,60%,48%) |