HEX #456BF0 color — Royal Blue
The color #456BF0 is a dark shade and moderately saturated.
Palette
456BF0 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0fd |
rgb(236,240,253) |
hsl(227,85%,96%) |
#d5ddfc |
rgb(213,221,252) |
hsl(227,85%,91%) |
#bdcafa |
rgb(189,202,250) |
hsl(227,85%,86%) |
#a5b7f8 |
rgb(165,183,248) |
hsl(227,85%,81%) |
#8ea4f6 |
rgb(142,164,246) |
hsl(227,85%,76%) |
#7691f4 |
rgb(118,145,244) |
hsl(227,85%,71%) |
#5f7ff2 |
rgb(95,127,242) |
hsl(227,85%,66%) |
#476cf0 |
rgb(71,108,240) |
hsl(227,85%,61%) |
#2f59ee |
rgb(47,89,238) |
hsl(227,85%,56%) |
#1846ec |
rgb(24,70,236) |
hsl(227,85%,51%) |
#123dd9 |
rgb(18,61,217) |
hsl(227,85%,46%) |
#1036c1 |
rgb(16,54,193) |
hsl(227,85%,41%) |
#0e30aa |
rgb(14,48,170) |
hsl(227,85%,36%) |
#0c2992 |
rgb(12,41,146) |
hsl(227,85%,31%) |
#0a227b |
rgb(10,34,123) |
hsl(227,85%,26%) |
#081c63 |
rgb(8,28,99) |
hsl(227,85%,21%) |
#06154b |
rgb(6,21,75) |
hsl(227,85%,16%) |
#040f34 |
rgb(4,15,52) |
hsl(227,85%,11%) |
#02081c |
rgb(2,8,28) |
hsl(227,85%,6%) |
#000105 |
rgb(0,1,5) |
hsl(227,85%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#45DEF0 |
rgb(69,222,240) |
hsl(186,85%,61%) |
#456BF0 |
rgb(69,107,240) |
hsl(227,85%,61%) |
#9145F0 |
rgb(145,69,240) |
hsl(267,85%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#CED9FB |
rgb(206,217,251) |
hsl(225,85%,90%) |
#A0B5F7 |
rgb(160,181,247) |
hsl(226,84%,80%) |
#728FF3 |
rgb(114,143,243) |
hsl(227,84%,70%) |
#456BF0 |
rgb(69,107,240) |
hsl(227,85%,61%) |
#1747EC |
rgb(23,71,236) |
hsl(226,85%,51%) |
#0F38C2 |
rgb(15,56,194) |
hsl(226,86%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#456BF0 |
rgb(69,107,240) |
hsl(227,85%,61%) |
#F07545 |
rgb(240,117,69) |
hsl(17,85%,61%) |
#C0F045 |
rgb(192,240,69) |
hsl(77,85%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#456BF0 |
rgb(69,107,240) |
hsl(227,85%,61%) |
#F0C945 |
rgb(240,201,69) |
hsl(46,85%,61%) |
#45BFF0 |
rgb(69,191,240) |
hsl(197,85%,61%) |
#C0F045 |
rgb(192,240,69) |
hsl(77,85%,61%) |