HEX #456DF2 color — Royal Blue
The color #456DF2 is a dark shade and moderately saturated.
Palette
456DF2 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0fe |
rgb(236,240,254) |
hsl(226,87%,96%) |
#d4ddfc |
rgb(212,221,252) |
hsl(226,87%,91%) |
#bccbfa |
rgb(188,203,250) |
hsl(226,87%,86%) |
#a4b8f9 |
rgb(164,184,249) |
hsl(226,87%,81%) |
#8da5f7 |
rgb(141,165,247) |
hsl(226,87%,76%) |
#7593f5 |
rgb(117,147,245) |
hsl(226,87%,71%) |
#5d80f4 |
rgb(93,128,244) |
hsl(226,87%,66%) |
#456df2 |
rgb(69,109,242) |
hsl(226,87%,61%) |
#2d5bf0 |
rgb(45,91,240) |
hsl(226,87%,56%) |
#1548ef |
rgb(21,72,239) |
hsl(226,87%,51%) |
#0f3fdb |
rgb(15,63,219) |
hsl(226,87%,46%) |
#0e38c4 |
rgb(14,56,196) |
hsl(226,87%,41%) |
#0c31ac |
rgb(12,49,172) |
hsl(226,87%,36%) |
#0a2a94 |
rgb(10,42,148) |
hsl(226,87%,31%) |
#09247c |
rgb(9,36,124) |
hsl(226,87%,26%) |
#071d64 |
rgb(7,29,100) |
hsl(226,87%,21%) |
#05164c |
rgb(5,22,76) |
hsl(226,87%,16%) |
#040f34 |
rgb(4,15,52) |
hsl(226,87%,11%) |
#02081d |
rgb(2,8,29) |
hsl(226,87%,6%) |
#000105 |
rgb(0,1,5) |
hsl(226,87%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#45E0F2 |
rgb(69,224,242) |
hsl(186,87%,61%) |
#456DF2 |
rgb(69,109,242) |
hsl(226,87%,61%) |
#9045F2 |
rgb(144,69,242) |
hsl(266,87%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D0DBFB |
rgb(208,219,251) |
hsl(225,84%,90%) |
#A2B5F8 |
rgb(162,181,248) |
hsl(227,86%,80%) |
#7391F5 |
rgb(115,145,245) |
hsl(226,87%,71%) |
#456DF2 |
rgb(69,109,242) |
hsl(226,87%,61%) |
#1647EE |
rgb(22,71,238) |
hsl(226,86%,51%) |
#0D38C5 |
rgb(13,56,197) |
hsl(226,88%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#456DF2 |
rgb(69,109,242) |
hsl(226,87%,61%) |
#F27345 |
rgb(242,115,69) |
hsl(16,87%,61%) |
#C3F245 |
rgb(195,242,69) |
hsl(76,87%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#456DF2 |
rgb(69,109,242) |
hsl(226,87%,61%) |
#F2C945 |
rgb(242,201,69) |
hsl(46,87%,61%) |
#45C4F2 |
rgb(69,196,242) |
hsl(196,87%,61%) |
#C3F245 |
rgb(195,242,69) |
hsl(76,87%,61%) |