HEX #315CC3 color — Cerulean Blue
The color #315CC3 is a dark shade and moderately saturated.
Palette
315CC3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(222,60%,98%) |
#e2e9f8 |
rgb(226,233,248) |
hsl(222,60%,93%) |
#ced9f3 |
rgb(206,217,243) |
hsl(222,60%,88%) |
#bac9ee |
rgb(186,201,238) |
hsl(222,60%,83%) |
#a5b9e9 |
rgb(165,185,233) |
hsl(222,60%,78%) |
#91aae3 |
rgb(145,170,227) |
hsl(222,60%,73%) |
#7c9ade |
rgb(124,154,222) |
hsl(222,60%,68%) |
#688ad9 |
rgb(104,138,217) |
hsl(222,60%,63%) |
#547ad4 |
rgb(84,122,212) |
hsl(222,60%,58%) |
#3f6acf |
rgb(63,106,207) |
hsl(222,60%,53%) |
#315dc4 |
rgb(49,93,196) |
hsl(222,60%,48%) |
#2c53af |
rgb(44,83,175) |
hsl(222,60%,43%) |
#274a9b |
rgb(39,74,155) |
hsl(222,60%,38%) |
#224087 |
rgb(34,64,135) |
hsl(222,60%,33%) |
#1d3672 |
rgb(29,54,114) |
hsl(222,60%,28%) |
#172d5e |
rgb(23,45,94) |
hsl(222,60%,23%) |
#122349 |
rgb(18,35,73) |
hsl(222,60%,18%) |
#0d1935 |
rgb(13,25,53) |
hsl(222,60%,13%) |
#081021 |
rgb(8,16,33) |
hsl(222,60%,8%) |
#03060c |
rgb(3,6,12) |
hsl(222,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31BDC3 |
rgb(49,189,195) |
hsl(182,60%,48%) |
#315CC3 |
rgb(49,92,195) |
hsl(222,60%,48%) |
#6730C3 |
rgb(103,48,195) |
hsl(262,60%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#688AD9 |
rgb(104,138,217) |
hsl(222,60%,63%) |
#4973D1 |
rgb(73,115,209) |
hsl(221,60%,55%) |
#315CC3 |
rgb(49,92,195) |
hsl(222,60%,48%) |
#294DA3 |
rgb(41,77,163) |
hsl(222,60%,40%) |
#214084 |
rgb(33,64,132) |
hsl(221,60%,32%) |
#193065 |
rgb(25,48,101) |
hsl(222,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#315CC3 |
rgb(49,92,195) |
hsl(222,60%,48%) |
#C34F31 |
rgb(195,79,49) |
hsl(12,60%,48%) |
#A5C231 |
rgb(165,194,49) |
hsl(72,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315CC3 |
rgb(49,92,195) |
hsl(222,60%,48%) |
#C39931 |
rgb(195,153,49) |
hsl(43,60%,48%) |
#31A6C3 |
rgb(49,166,195) |
hsl(192,60%,48%) |
#A5C231 |
rgb(165,194,49) |
hsl(72,60%,48%) |