HEX #3157C2 color — Cerulean Blue
The color #3157C2 is a dark shade and moderately saturated.
Palette
3157C2 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 |
#31B8C2 |
rgb(49,184,194) |
hsl(184,60%,48%) |
#3157C2 |
rgb(49,87,194) |
hsl(224,60%,48%) |
#6B30C2 |
rgb(107,48,194) |
hsl(264,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6785D8 |
rgb(103,133,216) |
hsl(224,59%,63%) |
#486ED1 |
rgb(72,110,209) |
hsl(223,60%,55%) |
#3157C2 |
rgb(49,87,194) |
hsl(224,60%,48%) |
#294AA2 |
rgb(41,74,162) |
hsl(224,60%,40%) |
#213B83 |
rgb(33,59,131) |
hsl(224,60%,32%) |
#192E64 |
rgb(25,46,100) |
hsl(223,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3157C2 |
rgb(49,87,194) |
hsl(224,60%,48%) |
#C25431 |
rgb(194,84,49) |
hsl(14,60%,48%) |
#9FC231 |
rgb(159,194,49) |
hsl(74,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3157C2 |
rgb(49,87,194) |
hsl(224,60%,48%) |
#C29C31 |
rgb(194,156,49) |
hsl(44,60%,48%) |
#31A1C2 |
rgb(49,161,194) |
hsl(194,60%,48%) |
#9FC231 |
rgb(159,194,49) |
hsl(74,60%,48%) |