HEX #305FB5 color — Cerulean Blue
The color #305FB5 is a dark shade and moderately saturated.
Palette
305FB5 color palette from light to dark
HEX |
RGB |
HSL |
#ebf0fa |
rgb(235,240,250) |
hsl(219,58%,95%) |
#d7e1f4 |
rgb(215,225,244) |
hsl(219,58%,90%) |
#c3d2ef |
rgb(195,210,239) |
hsl(219,58%,85%) |
#aec3ea |
rgb(174,195,234) |
hsl(219,58%,80%) |
#9ab4e4 |
rgb(154,180,228) |
hsl(219,58%,75%) |
#86a5df |
rgb(134,165,223) |
hsl(219,58%,70%) |
#7296da |
rgb(114,150,218) |
hsl(219,58%,65%) |
#5e87d4 |
rgb(94,135,212) |
hsl(219,58%,60%) |
#4a78cf |
rgb(74,120,207) |
hsl(219,58%,55%) |
#3669c9 |
rgb(54,105,201) |
hsl(219,58%,50%) |
#305fb5 |
rgb(48,95,181) |
hsl(219,58%,45%) |
#2b54a1 |
rgb(43,84,161) |
hsl(219,58%,40%) |
#254a8d |
rgb(37,74,141) |
hsl(219,58%,35%) |
#203f79 |
rgb(32,63,121) |
hsl(219,58%,30%) |
#1b3565 |
rgb(27,53,101) |
hsl(219,58%,25%) |
#152a51 |
rgb(21,42,81) |
hsl(219,58%,20%) |
#10203c |
rgb(16,32,60) |
hsl(219,58%,15%) |
#0b1528 |
rgb(11,21,40) |
hsl(219,58%,10%) |
#050b14 |
rgb(5,11,20) |
hsl(219,58%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B5B2 |
rgb(48,181,178) |
hsl(179,58%,45%) |
#305FB5 |
rgb(48,95,181) |
hsl(219,58%,45%) |
#5930B5 |
rgb(89,48,181) |
hsl(258,58%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5A85D3 |
rgb(90,133,211) |
hsl(219,58%,59%) |
#3D70CB |
rgb(61,112,203) |
hsl(218,58%,52%) |
#305FB5 |
rgb(48,95,181) |
hsl(219,58%,45%) |
#284F98 |
rgb(40,79,152) |
hsl(219,58%,38%) |
#20407B |
rgb(32,64,123) |
hsl(219,59%,30%) |
#18305E |
rgb(24,48,94) |
hsl(219,59%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#305FB5 |
rgb(48,95,181) |
hsl(219,58%,45%) |
#B54230 |
rgb(181,66,48) |
hsl(8,58%,45%) |
#A1B530 |
rgb(161,181,48) |
hsl(69,58%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305FB5 |
rgb(48,95,181) |
hsl(219,58%,45%) |
#B58730 |
rgb(181,135,48) |
hsl(39,58%,45%) |
#30A1B5 |
rgb(48,161,181) |
hsl(189,58%,45%) |
#A1B530 |
rgb(161,181,48) |
hsl(69,58%,45%) |