HEX #304AE3 color — Royal Blue
The color #304AE3 is a dark shade and moderately saturated.
Palette
304AE3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(231,76%,99%) |
#e4e8fb |
rgb(228,232,251) |
hsl(231,76%,94%) |
#ced4f8 |
rgb(206,212,248) |
hsl(231,76%,89%) |
#b7c0f5 |
rgb(183,192,245) |
hsl(231,76%,84%) |
#a1adf2 |
rgb(161,173,242) |
hsl(231,76%,79%) |
#8a99ef |
rgb(138,153,239) |
hsl(231,76%,74%) |
#7486ec |
rgb(116,134,236) |
hsl(231,76%,69%) |
#5d72e9 |
rgb(93,114,233) |
hsl(231,76%,64%) |
#475fe6 |
rgb(71,95,230) |
hsl(231,76%,59%) |
#314be3 |
rgb(49,75,227) |
hsl(231,76%,54%) |
#1e3adc |
rgb(30,58,220) |
hsl(231,76%,49%) |
#1b35c5 |
rgb(27,53,197) |
hsl(231,76%,44%) |
#182faf |
rgb(24,47,175) |
hsl(231,76%,39%) |
#152999 |
rgb(21,41,153) |
hsl(231,76%,34%) |
#122382 |
rgb(18,35,130) |
hsl(231,76%,29%) |
#0f1d6c |
rgb(15,29,108) |
hsl(231,76%,24%) |
#0c1755 |
rgb(12,23,85) |
hsl(231,76%,19%) |
#09113f |
rgb(9,17,63) |
hsl(231,76%,14%) |
#060b28 |
rgb(6,11,40) |
hsl(231,76%,9%) |
#020512 |
rgb(2,5,18) |
hsl(231,76%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C2E3 |
rgb(48,194,227) |
hsl(191,76%,54%) |
#304AE3 |
rgb(48,74,227) |
hsl(231,76%,54%) |
#8D30E3 |
rgb(141,48,227) |
hsl(271,76%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D8FED |
rgb(125,143,237) |
hsl(230,76%,71%) |
#566BE8 |
rgb(86,107,232) |
hsl(231,76%,62%) |
#304AE3 |
rgb(48,74,227) |
hsl(231,76%,54%) |
#1B36CB |
rgb(27,54,203) |
hsl(231,77%,45%) |
#162BA4 |
rgb(22,43,164) |
hsl(231,76%,36%) |
#11217D |
rgb(17,33,125) |
hsl(231,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AE3 |
rgb(48,74,227) |
hsl(231,76%,54%) |
#E37030 |
rgb(227,112,48) |
hsl(21,76%,54%) |
#A3E330 |
rgb(163,227,48) |
hsl(81,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AE3 |
rgb(48,74,227) |
hsl(231,76%,54%) |
#E3C930 |
rgb(227,201,48) |
hsl(51,76%,54%) |
#30A3E3 |
rgb(48,163,227) |
hsl(201,76%,54%) |
#A3E330 |
rgb(163,227,48) |
hsl(81,76%,54%) |