HEX #305CE0 color — Royal Blue
The color #305CE0 is a dark shade and moderately saturated.
Palette
305CE0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(225,74%,98%) |
#e0e7fa |
rgb(224,231,250) |
hsl(225,74%,93%) |
#cad5f7 |
rgb(202,213,247) |
hsl(225,74%,88%) |
#b4c4f4 |
rgb(180,196,244) |
hsl(225,74%,83%) |
#9db2f0 |
rgb(157,178,240) |
hsl(225,74%,78%) |
#87a1ed |
rgb(135,161,237) |
hsl(225,74%,73%) |
#718fea |
rgb(113,143,234) |
hsl(225,74%,68%) |
#5b7ee6 |
rgb(91,126,230) |
hsl(225,74%,63%) |
#456ce3 |
rgb(69,108,227) |
hsl(225,74%,58%) |
#2e5be0 |
rgb(46,91,224) |
hsl(225,74%,53%) |
#204dd5 |
rgb(32,77,213) |
hsl(225,74%,48%) |
#1d45bf |
rgb(29,69,191) |
hsl(225,74%,43%) |
#193da9 |
rgb(25,61,169) |
hsl(225,74%,38%) |
#163592 |
rgb(22,53,146) |
hsl(225,74%,33%) |
#132d7c |
rgb(19,45,124) |
hsl(225,74%,28%) |
#0f2566 |
rgb(15,37,102) |
hsl(225,74%,23%) |
#0c1d50 |
rgb(12,29,80) |
hsl(225,74%,18%) |
#09153a |
rgb(9,21,58) |
hsl(225,74%,13%) |
#050d23 |
rgb(5,13,35) |
hsl(225,74%,8%) |
#02050d |
rgb(2,5,13) |
hsl(225,74%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D1E0 |
rgb(48,209,224) |
hsl(185,74%,53%) |
#305CE0 |
rgb(48,92,224) |
hsl(225,74%,53%) |
#7930E0 |
rgb(121,48,224) |
hsl(265,74%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B96EB |
rgb(123,150,235) |
hsl(226,74%,70%) |
#557AE5 |
rgb(85,122,229) |
hsl(225,73%,62%) |
#305CE0 |
rgb(48,92,224) |
hsl(225,74%,53%) |
#1D47C6 |
rgb(29,71,198) |
hsl(225,74%,45%) |
#183BA0 |
rgb(24,59,160) |
hsl(225,74%,36%) |
#122B7B |
rgb(18,43,123) |
hsl(226,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#305CE0 |
rgb(48,92,224) |
hsl(225,74%,53%) |
#E05C30 |
rgb(224,92,48) |
hsl(15,74%,53%) |
#B4E030 |
rgb(180,224,48) |
hsl(75,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305CE0 |
rgb(48,92,224) |
hsl(225,74%,53%) |
#E0B530 |
rgb(224,181,48) |
hsl(45,74%,53%) |
#30B5E0 |
rgb(48,181,224) |
hsl(195,74%,53%) |
#B4E030 |
rgb(180,224,48) |
hsl(75,74%,53%) |