HEX #315CC1 color — Cerulean Blue
The color #315CC1 is a dark shade and moderately saturated.
Palette
315CC1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,60%,97%) |
#dee6f7 |
rgb(222,230,247) |
hsl(222,60%,92%) |
#cad6f2 |
rgb(202,214,242) |
hsl(222,60%,87%) |
#b6c6ed |
rgb(182,198,237) |
hsl(222,60%,82%) |
#a1b6e8 |
rgb(161,182,232) |
hsl(222,60%,77%) |
#8da6e2 |
rgb(141,166,226) |
hsl(222,60%,72%) |
#7897dd |
rgb(120,151,221) |
hsl(222,60%,67%) |
#6487d8 |
rgb(100,135,216) |
hsl(222,60%,62%) |
#5077d3 |
rgb(80,119,211) |
hsl(222,60%,57%) |
#3b67ce |
rgb(59,103,206) |
hsl(222,60%,52%) |
#305bc0 |
rgb(48,91,192) |
hsl(222,60%,47%) |
#2b51ab |
rgb(43,81,171) |
hsl(222,60%,42%) |
#264897 |
rgb(38,72,151) |
hsl(222,60%,37%) |
#213e83 |
rgb(33,62,131) |
hsl(222,60%,32%) |
#1c346e |
rgb(28,52,110) |
hsl(222,60%,27%) |
#162b5a |
rgb(22,43,90) |
hsl(222,60%,22%) |
#112145 |
rgb(17,33,69) |
hsl(222,60%,17%) |
#0c1731 |
rgb(12,23,49) |
hsl(222,60%,12%) |
#070e1d |
rgb(7,14,29) |
hsl(222,60%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31BDC1 |
rgb(49,189,193) |
hsl(182,60%,47%) |
#315CC1 |
rgb(49,92,193) |
hsl(222,60%,47%) |
#6630C1 |
rgb(102,48,193) |
hsl(262,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#678AD8 |
rgb(103,138,216) |
hsl(221,59%,63%) |
#4870D0 |
rgb(72,112,208) |
hsl(222,59%,55%) |
#315CC1 |
rgb(49,92,193) |
hsl(222,60%,47%) |
#294DA2 |
rgb(41,77,162) |
hsl(222,60%,40%) |
#214083 |
rgb(33,64,131) |
hsl(221,60%,32%) |
#193064 |
rgb(25,48,100) |
hsl(222,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#315CC1 |
rgb(49,92,193) |
hsl(222,60%,47%) |
#C14F31 |
rgb(193,79,49) |
hsl(13,60%,47%) |
#A4C231 |
rgb(164,194,49) |
hsl(72,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315CC1 |
rgb(49,92,193) |
hsl(222,60%,47%) |
#C19631 |
rgb(193,150,49) |
hsl(42,60%,47%) |
#31A3C1 |
rgb(49,163,193) |
hsl(193,60%,47%) |
#A4C231 |
rgb(164,194,49) |
hsl(72,60%,48%) |