HEX #305CC3 color — Cerulean Blue
The color #305CC3 is a dark shade and moderately saturated.
Palette
305CC3 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 |
#30BFC3 |
rgb(48,191,195) |
hsl(182,60%,48%) |
#305CC3 |
rgb(48,92,195) |
hsl(222,60%,48%) |
#6630C3 |
rgb(102,48,195) |
hsl(262,60%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#678AD9 |
rgb(103,138,217) |
hsl(222,60%,63%) |
#4770D1 |
rgb(71,112,209) |
hsl(222,60%,55%) |
#305CC3 |
rgb(48,92,195) |
hsl(222,60%,48%) |
#284DA3 |
rgb(40,77,163) |
hsl(222,61%,40%) |
#204084 |
rgb(32,64,132) |
hsl(221,61%,32%) |
#183065 |
rgb(24,48,101) |
hsl(221,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#305CC3 |
rgb(48,92,195) |
hsl(222,60%,48%) |
#C34D30 |
rgb(195,77,48) |
hsl(12,60%,48%) |
#A5C230 |
rgb(165,194,48) |
hsl(72,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305CC3 |
rgb(48,92,195) |
hsl(222,60%,48%) |
#C39630 |
rgb(195,150,48) |
hsl(42,60%,48%) |
#30A6C3 |
rgb(48,166,195) |
hsl(192,60%,48%) |
#A5C230 |
rgb(165,194,48) |
hsl(72,60%,47%) |