HEX #5475E2 color — Royal Blue
The color #5475E2 is a dark shade and moderately saturated.
Palette
5475E2 color palette from light to dark
HEX |
RGB |
HSL |
#eef1fc |
rgb(238,241,252) |
hsl(226,71%,96%) |
#d8dff8 |
rgb(216,223,248) |
hsl(226,71%,91%) |
#c2cef5 |
rgb(194,206,245) |
hsl(226,71%,86%) |
#acbcf1 |
rgb(172,188,241) |
hsl(226,71%,81%) |
#96abed |
rgb(150,171,237) |
hsl(226,71%,76%) |
#8199ea |
rgb(129,153,234) |
hsl(226,71%,71%) |
#6b87e6 |
rgb(107,135,230) |
hsl(226,71%,66%) |
#5576e2 |
rgb(85,118,226) |
hsl(226,71%,61%) |
#3f64de |
rgb(63,100,222) |
hsl(226,71%,56%) |
#2953db |
rgb(41,83,219) |
hsl(226,71%,51%) |
#2249c9 |
rgb(34,73,201) |
hsl(226,71%,46%) |
#1e41b3 |
rgb(30,65,179) |
hsl(226,71%,41%) |
#1b399d |
rgb(27,57,157) |
hsl(226,71%,36%) |
#173187 |
rgb(23,49,135) |
hsl(226,71%,31%) |
#132971 |
rgb(19,41,113) |
hsl(226,71%,26%) |
#10215c |
rgb(16,33,92) |
hsl(226,71%,21%) |
#0c1946 |
rgb(12,25,70) |
hsl(226,71%,16%) |
#081130 |
rgb(8,17,48) |
hsl(226,71%,11%) |
#040a1a |
rgb(4,10,26) |
hsl(226,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(226,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#54D4E2 |
rgb(84,212,226) |
hsl(186,71%,61%) |
#5475E2 |
rgb(84,117,226) |
hsl(226,71%,61%) |
#9154E2 |
rgb(145,84,226) |
hsl(266,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D3DBF7 |
rgb(211,219,247) |
hsl(227,69%,90%) |
#A8BAF0 |
rgb(168,186,240) |
hsl(225,71%,80%) |
#7E96E9 |
rgb(126,150,233) |
hsl(227,71%,70%) |
#5475E2 |
rgb(84,117,226) |
hsl(226,71%,61%) |
#2952DA |
rgb(41,82,218) |
hsl(226,71%,51%) |
#1E42B4 |
rgb(30,66,180) |
hsl(226,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5475E2 |
rgb(84,117,226) |
hsl(226,71%,61%) |
#E27A54 |
rgb(226,122,84) |
hsl(16,71%,61%) |
#BCE354 |
rgb(188,227,84) |
hsl(76,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5475E2 |
rgb(84,117,226) |
hsl(226,71%,61%) |
#E2C254 |
rgb(226,194,84) |
hsl(46,71%,61%) |
#54BDE2 |
rgb(84,189,226) |
hsl(196,71%,61%) |
#BCE354 |
rgb(188,227,84) |
hsl(76,72%,61%) |