HEX #456BF2 color — Royal Blue
The color #456bf2 is a dark shade and moderately saturated.
Palette
456bf2 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0fe |
rgb(236,240,254) |
hsl(227,87%,96%) |
#d4ddfc |
rgb(212,221,252) |
hsl(227,87%,91%) |
#bccafa |
rgb(188,202,250) |
hsl(227,87%,86%) |
#a4b7f9 |
rgb(164,183,249) |
hsl(227,87%,81%) |
#8da4f7 |
rgb(141,164,247) |
hsl(227,87%,76%) |
#7591f5 |
rgb(117,145,245) |
hsl(227,87%,71%) |
#5d7ef4 |
rgb(93,126,244) |
hsl(227,87%,66%) |
#456bf2 |
rgb(69,107,242) |
hsl(227,87%,61%) |
#2d57f0 |
rgb(45,87,240) |
hsl(227,87%,56%) |
#1544ef |
rgb(21,68,239) |
hsl(227,87%,51%) |
#0f3bdb |
rgb(15,59,219) |
hsl(227,87%,46%) |
#0e35c4 |
rgb(14,53,196) |
hsl(227,87%,41%) |
#0c2fac |
rgb(12,47,172) |
hsl(227,87%,36%) |
#0a2894 |
rgb(10,40,148) |
hsl(227,87%,31%) |
#09227c |
rgb(9,34,124) |
hsl(227,87%,26%) |
#071b64 |
rgb(7,27,100) |
hsl(227,87%,21%) |
#05154c |
rgb(5,21,76) |
hsl(227,87%,16%) |
#040e34 |
rgb(4,14,52) |
hsl(227,87%,11%) |
#02081d |
rgb(2,8,29) |
hsl(227,87%,6%) |
#000105 |
rgb(0,1,5) |
hsl(227,87%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#45DEF2 |
rgb(69,222,242) |
hsl(187,87%,61%) |
#456BF2 |
rgb(69,107,242) |
hsl(227,87%,61%) |
#9245F2 |
rgb(146,69,242) |
hsl(267,87%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D0D9FB |
rgb(208,217,251) |
hsl(227,84%,90%) |
#A2B5F8 |
rgb(162,181,248) |
hsl(227,86%,80%) |
#738FF5 |
rgb(115,143,245) |
hsl(227,87%,71%) |
#456BF2 |
rgb(69,107,242) |
hsl(227,87%,61%) |
#1645EE |
rgb(22,69,238) |
hsl(227,86%,51%) |
#0D36C5 |
rgb(13,54,197) |
hsl(227,88%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#456BF2 |
rgb(69,107,242) |
hsl(227,87%,61%) |
#F27545 |
rgb(242,117,69) |
hsl(17,87%,61%) |
#C1F245 |
rgb(193,242,69) |
hsl(77,87%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#456BF2 |
rgb(69,107,242) |
hsl(227,87%,61%) |
#F2CC45 |
rgb(242,204,69) |
hsl(47,87%,61%) |
#45C2F2 |
rgb(69,194,242) |
hsl(197,87%,61%) |
#C1F245 |
rgb(193,242,69) |
hsl(77,87%,61%) |