HEX #307DE1 color — Royal Blue
The color #307DE1 is a dark shade and moderately saturated.
Palette
307DE1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(214,75%,99%) |
#e4eefb |
rgb(228,238,251) |
hsl(214,75%,94%) |
#cee0f8 |
rgb(206,224,248) |
hsl(214,75%,89%) |
#b8d2f5 |
rgb(184,210,245) |
hsl(214,75%,84%) |
#a1c4f2 |
rgb(161,196,242) |
hsl(214,75%,79%) |
#8bb6ee |
rgb(139,182,238) |
hsl(214,75%,74%) |
#75a8eb |
rgb(117,168,235) |
hsl(214,75%,69%) |
#5e9ae8 |
rgb(94,154,232) |
hsl(214,75%,64%) |
#488ce5 |
rgb(72,140,229) |
hsl(214,75%,59%) |
#327ee2 |
rgb(50,126,226) |
hsl(214,75%,54%) |
#1f70db |
rgb(31,112,219) |
hsl(214,75%,49%) |
#1c65c4 |
rgb(28,101,196) |
hsl(214,75%,44%) |
#195aae |
rgb(25,90,174) |
hsl(214,75%,39%) |
#164e98 |
rgb(22,78,152) |
hsl(214,75%,34%) |
#124381 |
rgb(18,67,129) |
hsl(214,75%,29%) |
#0f376b |
rgb(15,55,107) |
hsl(214,75%,24%) |
#0c2c55 |
rgb(12,44,85) |
hsl(214,75%,19%) |
#09203e |
rgb(9,32,62) |
hsl(214,75%,14%) |
#061528 |
rgb(6,21,40) |
hsl(214,75%,9%) |
#030912 |
rgb(3,9,18) |
hsl(214,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30E0CF |
rgb(48,224,207) |
hsl(174,74%,53%) |
#307DE1 |
rgb(48,125,225) |
hsl(214,75%,54%) |
#5930E1 |
rgb(89,48,225) |
hsl(254,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CADEC |
rgb(124,173,236) |
hsl(214,75%,71%) |
#5694E6 |
rgb(86,148,230) |
hsl(214,74%,62%) |
#307DE1 |
rgb(48,125,225) |
hsl(214,75%,54%) |
#1D69C8 |
rgb(29,105,200) |
hsl(213,75%,45%) |
#1754A2 |
rgb(23,84,162) |
hsl(214,75%,36%) |
#11407B |
rgb(17,64,123) |
hsl(213,76%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DE1 |
rgb(48,125,225) |
hsl(214,75%,54%) |
#E13B30 |
rgb(225,59,48) |
hsl(4,75%,54%) |
#D5E030 |
rgb(213,224,48) |
hsl(64,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DE1 |
rgb(48,125,225) |
hsl(214,75%,54%) |
#E19430 |
rgb(225,148,48) |
hsl(34,75%,54%) |
#30D6E1 |
rgb(48,214,225) |
hsl(184,75%,54%) |
#D5E030 |
rgb(213,224,48) |
hsl(64,74%,53%) |