HEX #305EC0 color — Cerulean Blue
The color #305EC0 is a dark shade and moderately saturated.
Palette
305EC0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(221,60%,97%) |
#dee6f7 |
rgb(222,230,247) |
hsl(221,60%,92%) |
#cad7f2 |
rgb(202,215,242) |
hsl(221,60%,87%) |
#b6c7ed |
rgb(182,199,237) |
hsl(221,60%,82%) |
#a1b7e8 |
rgb(161,183,232) |
hsl(221,60%,77%) |
#8da8e2 |
rgb(141,168,226) |
hsl(221,60%,72%) |
#7898dd |
rgb(120,152,221) |
hsl(221,60%,67%) |
#6489d8 |
rgb(100,137,216) |
hsl(221,60%,62%) |
#5079d3 |
rgb(80,121,211) |
hsl(221,60%,57%) |
#3b6ace |
rgb(59,106,206) |
hsl(221,60%,52%) |
#305dc0 |
rgb(48,93,192) |
hsl(221,60%,47%) |
#2b54ab |
rgb(43,84,171) |
hsl(221,60%,42%) |
#264a97 |
rgb(38,74,151) |
hsl(221,60%,37%) |
#214083 |
rgb(33,64,131) |
hsl(221,60%,32%) |
#1c366e |
rgb(28,54,110) |
hsl(221,60%,27%) |
#162c5a |
rgb(22,44,90) |
hsl(221,60%,22%) |
#112245 |
rgb(17,34,69) |
hsl(221,60%,17%) |
#0c1831 |
rgb(12,24,49) |
hsl(221,60%,12%) |
#070e1d |
rgb(7,14,29) |
hsl(221,60%,7%) |
#020408 |
rgb(2,4,8) |
hsl(221,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30BFC0 |
rgb(48,191,192) |
hsl(180,60%,47%) |
#305EC0 |
rgb(48,94,192) |
hsl(221,60%,47%) |
#6230C0 |
rgb(98,48,192) |
hsl(261,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#648AD8 |
rgb(100,138,216) |
hsl(220,60%,62%) |
#4573D0 |
rgb(69,115,208) |
hsl(220,60%,54%) |
#305EC0 |
rgb(48,94,192) |
hsl(221,60%,47%) |
#284FA1 |
rgb(40,79,161) |
hsl(221,60%,39%) |
#204082 |
rgb(32,64,130) |
hsl(220,60%,32%) |
#183063 |
rgb(24,48,99) |
hsl(221,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#305EC0 |
rgb(48,94,192) |
hsl(221,60%,47%) |
#C04A30 |
rgb(192,74,48) |
hsl(11,60%,47%) |
#A6BF30 |
rgb(166,191,48) |
hsl(70,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305EC0 |
rgb(48,94,192) |
hsl(221,60%,47%) |
#C09130 |
rgb(192,145,48) |
hsl(40,60%,47%) |
#30A6C0 |
rgb(48,166,192) |
hsl(191,60%,47%) |
#A6BF30 |
rgb(166,191,48) |
hsl(70,60%,47%) |