HEX #315CC0 color — Cerulean Blue
The color #315CC0 is a dark shade and moderately saturated.
Palette
315CC0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,59%,97%) |
#dfe6f7 |
rgb(223,230,247) |
hsl(222,59%,92%) |
#cad6f1 |
rgb(202,214,241) |
hsl(222,59%,87%) |
#b6c6ec |
rgb(182,198,236) |
hsl(222,59%,82%) |
#a2b7e7 |
rgb(162,183,231) |
hsl(222,59%,77%) |
#8da7e2 |
rgb(141,167,226) |
hsl(222,59%,72%) |
#7997dc |
rgb(121,151,220) |
hsl(222,59%,67%) |
#6587d7 |
rgb(101,135,215) |
hsl(222,59%,62%) |
#5177d2 |
rgb(81,119,210) |
hsl(222,59%,57%) |
#3c68cd |
rgb(60,104,205) |
hsl(222,59%,52%) |
#315cbf |
rgb(49,92,191) |
hsl(222,59%,47%) |
#2c52aa |
rgb(44,82,170) |
hsl(222,59%,42%) |
#274896 |
rgb(39,72,150) |
hsl(222,59%,37%) |
#213e82 |
rgb(33,62,130) |
hsl(222,59%,32%) |
#1c356d |
rgb(28,53,109) |
hsl(222,59%,27%) |
#172b59 |
rgb(23,43,89) |
hsl(222,59%,22%) |
#122145 |
rgb(18,33,69) |
hsl(222,59%,17%) |
#0d1731 |
rgb(13,23,49) |
hsl(222,59%,12%) |
#070e1c |
rgb(7,14,28) |
hsl(222,59%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31BAC0 |
rgb(49,186,192) |
hsl(183,59%,47%) |
#315CC0 |
rgb(49,92,192) |
hsl(222,59%,47%) |
#6530C0 |
rgb(101,48,192) |
hsl(262,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6687D7 |
rgb(102,135,215) |
hsl(222,59%,62%) |
#4770D0 |
rgb(71,112,208) |
hsl(222,59%,55%) |
#315CC0 |
rgb(49,92,192) |
hsl(222,59%,47%) |
#294DA1 |
rgb(41,77,161) |
hsl(222,59%,40%) |
#214082 |
rgb(33,64,130) |
hsl(221,60%,32%) |
#193063 |
rgb(25,48,99) |
hsl(221,60%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#315CC0 |
rgb(49,92,192) |
hsl(222,59%,47%) |
#C04D31 |
rgb(192,77,49) |
hsl(12,59%,47%) |
#A3BF31 |
rgb(163,191,49) |
hsl(72,59%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315CC0 |
rgb(49,92,192) |
hsl(222,59%,47%) |
#C09431 |
rgb(192,148,49) |
hsl(42,59%,47%) |
#31A3C0 |
rgb(49,163,192) |
hsl(192,59%,47%) |
#A3BF31 |
rgb(163,191,49) |
hsl(72,59%,47%) |