HEX #304FF1 color — Royal Blue
The color #304FF1 is a dark shade and moderately saturated.
Palette
304FF1 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(230,87%,97%) |
#d9dffc |
rgb(217,223,252) |
hsl(230,87%,92%) |
#c1cbfb |
rgb(193,203,251) |
hsl(230,87%,87%) |
#a9b6f9 |
rgb(169,182,249) |
hsl(230,87%,82%) |
#91a2f7 |
rgb(145,162,247) |
hsl(230,87%,77%) |
#798ef6 |
rgb(121,142,246) |
hsl(230,87%,72%) |
#627af4 |
rgb(98,122,244) |
hsl(230,87%,67%) |
#4a66f2 |
rgb(74,102,242) |
hsl(230,87%,62%) |
#3252f1 |
rgb(50,82,241) |
hsl(230,87%,57%) |
#1a3eef |
rgb(26,62,239) |
hsl(230,87%,52%) |
#1032e0 |
rgb(16,50,224) |
hsl(230,87%,47%) |
#0e2dc8 |
rgb(14,45,200) |
hsl(230,87%,42%) |
#0c28b0 |
rgb(12,40,176) |
hsl(230,87%,37%) |
#0b2299 |
rgb(11,34,153) |
hsl(230,87%,32%) |
#091d81 |
rgb(9,29,129) |
hsl(230,87%,27%) |
#071869 |
rgb(7,24,105) |
hsl(230,87%,22%) |
#061251 |
rgb(6,18,81) |
hsl(230,87%,17%) |
#040d39 |
rgb(4,13,57) |
hsl(230,87%,12%) |
#020721 |
rgb(2,7,33) |
hsl(230,87%,7%) |
#01020a |
rgb(1,2,10) |
hsl(230,87%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30CFF1 |
rgb(48,207,241) |
hsl(191,87%,57%) |
#304FF1 |
rgb(48,79,241) |
hsl(230,87%,57%) |
#9130F1 |
rgb(145,48,241) |
hsl(270,87%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8699F6 |
rgb(134,153,246) |
hsl(230,86%,75%) |
#5B73F3 |
rgb(91,115,243) |
hsl(231,86%,65%) |
#304FF1 |
rgb(48,79,241) |
hsl(230,87%,57%) |
#0F30E3 |
rgb(15,48,227) |
hsl(231,88%,47%) |
#0C29B8 |
rgb(12,41,184) |
hsl(230,88%,38%) |
#091F8C |
rgb(9,31,140) |
hsl(230,88%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#304FF1 |
rgb(48,79,241) |
hsl(230,87%,57%) |
#F17330 |
rgb(241,115,48) |
hsl(21,87%,57%) |
#AFF230 |
rgb(175,242,48) |
hsl(81,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304FF1 |
rgb(48,79,241) |
hsl(230,87%,57%) |
#F1D130 |
rgb(241,209,48) |
hsl(50,87%,57%) |
#30B0F1 |
rgb(48,176,241) |
hsl(200,87%,57%) |
#AFF230 |
rgb(175,242,48) |
hsl(81,88%,57%) |