HEX #304AF3 color — Royal Blue
The color #304AF3 is a dark shade and moderately saturated.
Palette
304AF3 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2fe |
rgb(241,242,254) |
hsl(232,89%,97%) |
#d8ddfd |
rgb(216,221,253) |
hsl(232,89%,92%) |
#c0c8fb |
rgb(192,200,251) |
hsl(232,89%,87%) |
#a8b3fa |
rgb(168,179,250) |
hsl(232,89%,82%) |
#909ef9 |
rgb(144,158,249) |
hsl(232,89%,77%) |
#7889f7 |
rgb(120,137,247) |
hsl(232,89%,72%) |
#6074f6 |
rgb(96,116,246) |
hsl(232,89%,67%) |
#485ff4 |
rgb(72,95,244) |
hsl(232,89%,62%) |
#304af3 |
rgb(48,74,243) |
hsl(232,89%,57%) |
#1835f2 |
rgb(24,53,242) |
hsl(232,89%,52%) |
#0d2ae3 |
rgb(13,42,227) |
hsl(232,89%,47%) |
#0c25ca |
rgb(12,37,202) |
hsl(232,89%,42%) |
#0a21b2 |
rgb(10,33,178) |
hsl(232,89%,37%) |
#091c9a |
rgb(9,28,154) |
hsl(232,89%,32%) |
#081882 |
rgb(8,24,130) |
hsl(232,89%,27%) |
#06136a |
rgb(6,19,106) |
hsl(232,89%,22%) |
#050f52 |
rgb(5,15,82) |
hsl(232,89%,17%) |
#030b3a |
rgb(3,11,58) |
hsl(232,89%,12%) |
#020622 |
rgb(2,6,34) |
hsl(232,89%,7%) |
#01020a |
rgb(1,2,10) |
hsl(232,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30CCF3 |
rgb(48,204,243) |
hsl(192,89%,57%) |
#304AF3 |
rgb(48,74,243) |
hsl(232,89%,57%) |
#9830F3 |
rgb(152,48,243) |
hsl(272,89%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8896F8 |
rgb(136,150,248) |
hsl(233,89%,75%) |
#5C70F5 |
rgb(92,112,245) |
hsl(232,88%,66%) |
#304AF3 |
rgb(48,74,243) |
hsl(232,89%,57%) |
#0D2BE7 |
rgb(13,43,231) |
hsl(232,89%,48%) |
#0A21BB |
rgb(10,33,187) |
hsl(232,90%,39%) |
#081A8F |
rgb(8,26,143) |
hsl(232,89%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AF3 |
rgb(48,74,243) |
hsl(232,89%,57%) |
#F37830 |
rgb(243,120,48) |
hsl(22,89%,57%) |
#ABF230 |
rgb(171,242,48) |
hsl(82,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AF3 |
rgb(48,74,243) |
hsl(232,89%,57%) |
#F3D930 |
rgb(243,217,48) |
hsl(52,89%,57%) |
#30ABF3 |
rgb(48,171,243) |
hsl(202,89%,57%) |
#ABF230 |
rgb(171,242,48) |
hsl(82,88%,57%) |