HEX #307AE1 color — Royal Blue
The color #307AE1 is a dark shade and moderately saturated.
Palette
307AE1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,75%,99%) |
#e4eefb |
rgb(228,238,251) |
hsl(215,75%,94%) |
#cedff8 |
rgb(206,223,248) |
hsl(215,75%,89%) |
#b8d1f5 |
rgb(184,209,245) |
hsl(215,75%,84%) |
#a1c3f2 |
rgb(161,195,242) |
hsl(215,75%,79%) |
#8bb4ee |
rgb(139,180,238) |
hsl(215,75%,74%) |
#75a6eb |
rgb(117,166,235) |
hsl(215,75%,69%) |
#5e98e8 |
rgb(94,152,232) |
hsl(215,75%,64%) |
#4889e5 |
rgb(72,137,229) |
hsl(215,75%,59%) |
#327be2 |
rgb(50,123,226) |
hsl(215,75%,54%) |
#1f6ddb |
rgb(31,109,219) |
hsl(215,75%,49%) |
#1c62c4 |
rgb(28,98,196) |
hsl(215,75%,44%) |
#1957ae |
rgb(25,87,174) |
hsl(215,75%,39%) |
#164c98 |
rgb(22,76,152) |
hsl(215,75%,34%) |
#124181 |
rgb(18,65,129) |
hsl(215,75%,29%) |
#0f366b |
rgb(15,54,107) |
hsl(215,75%,24%) |
#0c2a55 |
rgb(12,42,85) |
hsl(215,75%,19%) |
#091f3e |
rgb(9,31,62) |
hsl(215,75%,14%) |
#061428 |
rgb(6,20,40) |
hsl(215,75%,9%) |
#030912 |
rgb(3,9,18) |
hsl(215,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30E0D2 |
rgb(48,224,210) |
hsl(175,74%,53%) |
#307AE1 |
rgb(48,122,225) |
hsl(215,75%,54%) |
#5C30E1 |
rgb(92,48,225) |
hsl(255,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CABEC |
rgb(124,171,236) |
hsl(215,75%,71%) |
#5691E6 |
rgb(86,145,230) |
hsl(215,74%,62%) |
#307AE1 |
rgb(48,122,225) |
hsl(215,75%,54%) |
#1D63C8 |
rgb(29,99,200) |
hsl(215,75%,45%) |
#1752A2 |
rgb(23,82,162) |
hsl(215,75%,36%) |
#113D7B |
rgb(17,61,123) |
hsl(215,76%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AE1 |
rgb(48,122,225) |
hsl(215,75%,54%) |
#E14030 |
rgb(225,64,48) |
hsl(5,75%,54%) |
#D2E030 |
rgb(210,224,48) |
hsl(65,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AE1 |
rgb(48,122,225) |
hsl(215,75%,54%) |
#E19630 |
rgb(225,150,48) |
hsl(35,75%,54%) |
#30D4E1 |
rgb(48,212,225) |
hsl(184,75%,54%) |
#D2E030 |
rgb(210,224,48) |
hsl(65,74%,53%) |