HEX #284AE2 color — Royal Blue
The color #284AE2 is a dark shade and highly saturated.
Palette
284AE2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(229,76%,97%) |
#dbe1fa |
rgb(219,225,250) |
hsl(229,76%,92%) |
#c5cef7 |
rgb(197,206,247) |
hsl(229,76%,87%) |
#aebbf4 |
rgb(174,187,244) |
hsl(229,76%,82%) |
#98a8f1 |
rgb(152,168,241) |
hsl(229,76%,77%) |
#8195ee |
rgb(129,149,238) |
hsl(229,76%,72%) |
#6b82eb |
rgb(107,130,235) |
hsl(229,76%,67%) |
#546fe8 |
rgb(84,111,232) |
hsl(229,76%,62%) |
#3e5de5 |
rgb(62,93,229) |
hsl(229,76%,57%) |
#284ae2 |
rgb(40,74,226) |
hsl(229,76%,52%) |
#1d3ed3 |
rgb(29,62,211) |
hsl(229,76%,47%) |
#1a38bc |
rgb(26,56,188) |
hsl(229,76%,42%) |
#1731a6 |
rgb(23,49,166) |
hsl(229,76%,37%) |
#142a90 |
rgb(20,42,144) |
hsl(229,76%,32%) |
#112479 |
rgb(17,36,121) |
hsl(229,76%,27%) |
#0d1d63 |
rgb(13,29,99) |
hsl(229,76%,22%) |
#0a164c |
rgb(10,22,76) |
hsl(229,76%,17%) |
#071036 |
rgb(7,16,54) |
hsl(229,76%,12%) |
#04091f |
rgb(4,9,31) |
hsl(229,76%,7%) |
#010309 |
rgb(1,3,9) |
hsl(229,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#28C7E2 |
rgb(40,199,226) |
hsl(189,76%,52%) |
#284AE2 |
rgb(40,74,226) |
hsl(229,76%,52%) |
#8229E2 |
rgb(130,41,226) |
hsl(269,76%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#738AEC |
rgb(115,138,236) |
hsl(229,76%,69%) |
#4D69E7 |
rgb(77,105,231) |
hsl(229,76%,60%) |
#284AE2 |
rgb(40,74,226) |
hsl(229,76%,52%) |
#1A3BC4 |
rgb(26,59,196) |
hsl(228,77%,44%) |
#152E9F |
rgb(21,46,159) |
hsl(229,77%,35%) |
#102479 |
rgb(16,36,121) |
hsl(229,77%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#284AE2 |
rgb(40,74,226) |
hsl(229,76%,52%) |
#E26328 |
rgb(226,99,40) |
hsl(19,76%,52%) |
#A7E328 |
rgb(167,227,40) |
hsl(79,77%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284AE2 |
rgb(40,74,226) |
hsl(229,76%,52%) |
#E2BF28 |
rgb(226,191,40) |
hsl(49,76%,52%) |
#28A6E2 |
rgb(40,166,226) |
hsl(199,76%,52%) |
#A7E328 |
rgb(167,227,40) |
hsl(79,77%,52%) |