HEX #305CE4 color — Royal Blue
The color #305CE4 is a dark shade and moderately saturated.
Palette
305CE4 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(225,77%,99%) |
#e4eafb |
rgb(228,234,251) |
hsl(225,77%,94%) |
#cdd8f9 |
rgb(205,216,249) |
hsl(225,77%,89%) |
#b7c6f6 |
rgb(183,198,246) |
hsl(225,77%,84%) |
#a0b5f3 |
rgb(160,181,243) |
hsl(225,77%,79%) |
#8aa3f0 |
rgb(138,163,240) |
hsl(225,77%,74%) |
#7392ed |
rgb(115,146,237) |
hsl(225,77%,69%) |
#5d80ea |
rgb(93,128,234) |
hsl(225,77%,64%) |
#466ee7 |
rgb(70,110,231) |
hsl(225,77%,59%) |
#2f5de4 |
rgb(47,93,228) |
hsl(225,77%,54%) |
#1d4ddd |
rgb(29,77,221) |
hsl(225,77%,49%) |
#1a45c7 |
rgb(26,69,199) |
hsl(225,77%,44%) |
#173db0 |
rgb(23,61,176) |
hsl(225,77%,39%) |
#143599 |
rgb(20,53,153) |
hsl(225,77%,34%) |
#112d83 |
rgb(17,45,131) |
hsl(225,77%,29%) |
#0e266c |
rgb(14,38,108) |
hsl(225,77%,24%) |
#0b1e56 |
rgb(11,30,86) |
hsl(225,77%,19%) |
#08163f |
rgb(8,22,63) |
hsl(225,77%,14%) |
#050e29 |
rgb(5,14,41) |
hsl(225,77%,9%) |
#020612 |
rgb(2,6,18) |
hsl(225,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D4E4 |
rgb(48,212,228) |
hsl(185,77%,54%) |
#305CE4 |
rgb(48,92,228) |
hsl(225,77%,54%) |
#7C30E4 |
rgb(124,48,228) |
hsl(265,77%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7E99EE |
rgb(126,153,238) |
hsl(226,77%,71%) |
#577AE9 |
rgb(87,122,233) |
hsl(226,77%,63%) |
#305CE4 |
rgb(48,92,228) |
hsl(225,77%,54%) |
#1A47CD |
rgb(26,71,205) |
hsl(225,77%,45%) |
#1538A6 |
rgb(21,56,166) |
hsl(226,78%,37%) |
#102B7E |
rgb(16,43,126) |
hsl(225,77%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#305CE4 |
rgb(48,92,228) |
hsl(225,77%,54%) |
#E45E30 |
rgb(228,94,48) |
hsl(15,77%,54%) |
#B6E330 |
rgb(182,227,48) |
hsl(75,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305CE4 |
rgb(48,92,228) |
hsl(225,77%,54%) |
#E4B830 |
rgb(228,184,48) |
hsl(45,77%,54%) |
#30B5E4 |
rgb(48,181,228) |
hsl(196,77%,54%) |
#B6E330 |
rgb(182,227,48) |
hsl(75,76%,54%) |