HEX #304AE2 color — Royal Blue
The color #304AE2 is a dark shade and moderately saturated.
Palette
304AE2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(231,75%,99%) |
#e4e8fb |
rgb(228,232,251) |
hsl(231,75%,94%) |
#ced4f8 |
rgb(206,212,248) |
hsl(231,75%,89%) |
#b8c1f5 |
rgb(184,193,245) |
hsl(231,75%,84%) |
#a1adf2 |
rgb(161,173,242) |
hsl(231,75%,79%) |
#8b9aee |
rgb(139,154,238) |
hsl(231,75%,74%) |
#7586eb |
rgb(117,134,235) |
hsl(231,75%,69%) |
#5e73e8 |
rgb(94,115,232) |
hsl(231,75%,64%) |
#4860e5 |
rgb(72,96,229) |
hsl(231,75%,59%) |
#324ce2 |
rgb(50,76,226) |
hsl(231,75%,54%) |
#1f3bdb |
rgb(31,59,219) |
hsl(231,75%,49%) |
#1c35c4 |
rgb(28,53,196) |
hsl(231,75%,44%) |
#192fae |
rgb(25,47,174) |
hsl(231,75%,39%) |
#162998 |
rgb(22,41,152) |
hsl(231,75%,34%) |
#122381 |
rgb(18,35,129) |
hsl(231,75%,29%) |
#0f1d6b |
rgb(15,29,107) |
hsl(231,75%,24%) |
#0c1755 |
rgb(12,23,85) |
hsl(231,75%,19%) |
#09113e |
rgb(9,17,62) |
hsl(231,75%,14%) |
#060b28 |
rgb(6,11,40) |
hsl(231,75%,9%) |
#030512 |
rgb(3,5,18) |
hsl(231,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C2E2 |
rgb(48,194,226) |
hsl(191,75%,54%) |
#304AE2 |
rgb(48,74,226) |
hsl(231,75%,54%) |
#8C30E2 |
rgb(140,48,226) |
hsl(271,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C8CEC |
rgb(124,140,236) |
hsl(231,75%,71%) |
#566BE7 |
rgb(86,107,231) |
hsl(231,75%,62%) |
#304AE2 |
rgb(48,74,226) |
hsl(231,75%,54%) |
#1C36C9 |
rgb(28,54,201) |
hsl(231,76%,45%) |
#162BA3 |
rgb(22,43,163) |
hsl(231,76%,36%) |
#11217C |
rgb(17,33,124) |
hsl(231,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AE2 |
rgb(48,74,226) |
hsl(231,75%,54%) |
#E27030 |
rgb(226,112,48) |
hsl(22,75%,54%) |
#A3E330 |
rgb(163,227,48) |
hsl(81,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AE2 |
rgb(48,74,226) |
hsl(231,75%,54%) |
#E2C730 |
rgb(226,199,48) |
hsl(51,75%,54%) |
#30A3E2 |
rgb(48,163,226) |
hsl(201,75%,54%) |
#A3E330 |
rgb(163,227,48) |
hsl(81,76%,54%) |