HEX #3156C4 color — Cerulean Blue
The color #3156c4 is a dark shade and moderately saturated.
Palette
3156c4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(225,60%,98%) |
#e2e8f8 |
rgb(226,232,248) |
hsl(225,60%,93%) |
#ced7f3 |
rgb(206,215,243) |
hsl(225,60%,88%) |
#bac7ee |
rgb(186,199,238) |
hsl(225,60%,83%) |
#a5b6e9 |
rgb(165,182,233) |
hsl(225,60%,78%) |
#91a5e3 |
rgb(145,165,227) |
hsl(225,60%,73%) |
#7c95de |
rgb(124,149,222) |
hsl(225,60%,68%) |
#6884d9 |
rgb(104,132,217) |
hsl(225,60%,63%) |
#5474d4 |
rgb(84,116,212) |
hsl(225,60%,58%) |
#3f63cf |
rgb(63,99,207) |
hsl(225,60%,53%) |
#3156c4 |
rgb(49,86,196) |
hsl(225,60%,48%) |
#2c4daf |
rgb(44,77,175) |
hsl(225,60%,43%) |
#27449b |
rgb(39,68,155) |
hsl(225,60%,38%) |
#223b87 |
rgb(34,59,135) |
hsl(225,60%,33%) |
#1d3272 |
rgb(29,50,114) |
hsl(225,60%,28%) |
#17295e |
rgb(23,41,94) |
hsl(225,60%,23%) |
#122049 |
rgb(18,32,73) |
hsl(225,60%,18%) |
#0d1735 |
rgb(13,23,53) |
hsl(225,60%,13%) |
#080e21 |
rgb(8,14,33) |
hsl(225,60%,8%) |
#03050c |
rgb(3,5,12) |
hsl(225,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B8C4 |
rgb(49,184,196) |
hsl(185,60%,48%) |
#3156C4 |
rgb(49,86,196) |
hsl(225,60%,48%) |
#6E30C4 |
rgb(110,48,196) |
hsl(265,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%) |
#3156C4 |
rgb(49,86,196) |
hsl(225,60%,48%) |
#2947A4 |
rgb(41,71,164) |
hsl(225,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 |
#3156C4 |
rgb(49,86,196) |
hsl(225,60%,48%) |
#C45731 |
rgb(196,87,49) |
hsl(16,60%,48%) |
#9FC431 |
rgb(159,196,49) |
hsl(75,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3156C4 |
rgb(49,86,196) |
hsl(225,60%,48%) |
#C49E31 |
rgb(196,158,49) |
hsl(44,60%,48%) |
#31A1C4 |
rgb(49,161,196) |
hsl(194,60%,48%) |
#9FC431 |
rgb(159,196,49) |
hsl(75,60%,48%) |