HEX #304FE1 color — Royal Blue
The color #304FE1 is a dark shade and moderately saturated.
Palette
304FE1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(229,75%,99%) |
#e4e8fb |
rgb(228,232,251) |
hsl(229,75%,94%) |
#ced6f8 |
rgb(206,214,248) |
hsl(229,75%,89%) |
#b8c3f5 |
rgb(184,195,245) |
hsl(229,75%,84%) |
#a1b0f2 |
rgb(161,176,242) |
hsl(229,75%,79%) |
#8b9dee |
rgb(139,157,238) |
hsl(229,75%,74%) |
#758aeb |
rgb(117,138,235) |
hsl(229,75%,69%) |
#5e78e8 |
rgb(94,120,232) |
hsl(229,75%,64%) |
#4865e5 |
rgb(72,101,229) |
hsl(229,75%,59%) |
#3252e2 |
rgb(50,82,226) |
hsl(229,75%,54%) |
#1f42db |
rgb(31,66,219) |
hsl(229,75%,49%) |
#1c3bc4 |
rgb(28,59,196) |
hsl(229,75%,44%) |
#1934ae |
rgb(25,52,174) |
hsl(229,75%,39%) |
#162e98 |
rgb(22,46,152) |
hsl(229,75%,34%) |
#122781 |
rgb(18,39,129) |
hsl(229,75%,29%) |
#0f206b |
rgb(15,32,107) |
hsl(229,75%,24%) |
#0c1955 |
rgb(12,25,85) |
hsl(229,75%,19%) |
#09133e |
rgb(9,19,62) |
hsl(229,75%,14%) |
#060c28 |
rgb(6,12,40) |
hsl(229,75%,9%) |
#030512 |
rgb(3,5,18) |
hsl(229,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C4E1 |
rgb(48,196,225) |
hsl(190,75%,54%) |
#304FE1 |
rgb(48,79,225) |
hsl(229,75%,54%) |
#8730E1 |
rgb(135,48,225) |
hsl(269,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C8FEC |
rgb(124,143,236) |
hsl(230,75%,71%) |
#5670E6 |
rgb(86,112,230) |
hsl(229,74%,62%) |
#304FE1 |
rgb(48,79,225) |
hsl(229,75%,54%) |
#1D3BC8 |
rgb(29,59,200) |
hsl(229,75%,45%) |
#1730A2 |
rgb(23,48,162) |
hsl(229,75%,36%) |
#11247B |
rgb(17,36,123) |
hsl(229,76%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#304FE1 |
rgb(48,79,225) |
hsl(229,75%,54%) |
#E16930 |
rgb(225,105,48) |
hsl(19,75%,54%) |
#A7E030 |
rgb(167,224,48) |
hsl(79,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304FE1 |
rgb(48,79,225) |
hsl(229,75%,54%) |
#E1C230 |
rgb(225,194,48) |
hsl(49,75%,54%) |
#30A8E1 |
rgb(48,168,225) |
hsl(199,75%,54%) |
#A7E030 |
rgb(167,224,48) |
hsl(79,74%,53%) |