HEX #305EE1 color — Royal Blue
The color #305EE1 is a dark shade and moderately saturated.
Palette
305EE1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(224,75%,99%) |
#e4eafb |
rgb(228,234,251) |
hsl(224,75%,94%) |
#ced9f8 |
rgb(206,217,248) |
hsl(224,75%,89%) |
#b8c8f5 |
rgb(184,200,245) |
hsl(224,75%,84%) |
#a1b7f2 |
rgb(161,183,242) |
hsl(224,75%,79%) |
#8ba5ee |
rgb(139,165,238) |
hsl(224,75%,74%) |
#7594eb |
rgb(117,148,235) |
hsl(224,75%,69%) |
#5e83e8 |
rgb(94,131,232) |
hsl(224,75%,64%) |
#4872e5 |
rgb(72,114,229) |
hsl(224,75%,59%) |
#3261e2 |
rgb(50,97,226) |
hsl(224,75%,54%) |
#1f51db |
rgb(31,81,219) |
hsl(224,75%,49%) |
#1c49c4 |
rgb(28,73,196) |
hsl(224,75%,44%) |
#1941ae |
rgb(25,65,174) |
hsl(224,75%,39%) |
#163898 |
rgb(22,56,152) |
hsl(224,75%,34%) |
#123081 |
rgb(18,48,129) |
hsl(224,75%,29%) |
#0f286b |
rgb(15,40,107) |
hsl(224,75%,24%) |
#0c1f55 |
rgb(12,31,85) |
hsl(224,75%,19%) |
#09173e |
rgb(9,23,62) |
hsl(224,75%,14%) |
#060f28 |
rgb(6,15,40) |
hsl(224,75%,9%) |
#030712 |
rgb(3,7,18) |
hsl(224,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D4E1 |
rgb(48,212,225) |
hsl(184,75%,54%) |
#305EE1 |
rgb(48,94,225) |
hsl(224,75%,54%) |
#7830E1 |
rgb(120,48,225) |
hsl(264,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C99EC |
rgb(124,153,236) |
hsl(224,75%,71%) |
#567AE6 |
rgb(86,122,230) |
hsl(225,74%,62%) |
#305EE1 |
rgb(48,94,225) |
hsl(224,75%,54%) |
#1D4AC8 |
rgb(29,74,200) |
hsl(224,75%,45%) |
#173BA2 |
rgb(23,59,162) |
hsl(224,75%,36%) |
#112E7B |
rgb(17,46,123) |
hsl(224,76%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#305EE1 |
rgb(48,94,225) |
hsl(224,75%,54%) |
#E15930 |
rgb(225,89,48) |
hsl(14,75%,54%) |
#B6E030 |
rgb(182,224,48) |
hsl(74,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305EE1 |
rgb(48,94,225) |
hsl(224,75%,54%) |
#E1B330 |
rgb(225,179,48) |
hsl(44,75%,54%) |
#30B8E1 |
rgb(48,184,225) |
hsl(194,75%,54%) |
#B6E030 |
rgb(182,224,48) |
hsl(74,74%,53%) |