HEX #284AD5 color — Cerulean Blue
The color #284AD5 is a dark shade and highly saturated.
Palette
284AD5 color palette from light to dark
HEX |
RGB |
HSL |
#eaedfb |
rgb(234,237,251) |
hsl(228,68%,95%) |
#d4dbf7 |
rgb(212,219,247) |
hsl(228,68%,90%) |
#bfc9f3 |
rgb(191,201,243) |
hsl(228,68%,85%) |
#a9b7ef |
rgb(169,183,239) |
hsl(228,68%,80%) |
#94a5eb |
rgb(148,165,235) |
hsl(228,68%,75%) |
#7e93e7 |
rgb(126,147,231) |
hsl(228,68%,70%) |
#6981e2 |
rgb(105,129,226) |
hsl(228,68%,65%) |
#546fde |
rgb(84,111,222) |
hsl(228,68%,60%) |
#3e5dda |
rgb(62,93,218) |
hsl(228,68%,55%) |
#294bd6 |
rgb(41,75,214) |
hsl(228,68%,50%) |
#2544c1 |
rgb(37,68,193) |
hsl(228,68%,45%) |
#213cab |
rgb(33,60,171) |
hsl(228,68%,40%) |
#1d3596 |
rgb(29,53,150) |
hsl(228,68%,35%) |
#182d81 |
rgb(24,45,129) |
hsl(228,68%,30%) |
#14266b |
rgb(20,38,107) |
hsl(228,68%,25%) |
#101e56 |
rgb(16,30,86) |
hsl(228,68%,20%) |
#0c1740 |
rgb(12,23,64) |
hsl(228,68%,15%) |
#080f2b |
rgb(8,15,43) |
hsl(228,68%,10%) |
#040815 |
rgb(4,8,21) |
hsl(228,68%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#28BDD5 |
rgb(40,189,213) |
hsl(188,68%,50%) |
#284AD5 |
rgb(40,74,213) |
hsl(228,68%,50%) |
#7929D5 |
rgb(121,41,213) |
hsl(268,68%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6A82E3 |
rgb(106,130,227) |
hsl(228,68%,65%) |
#4866DC |
rgb(72,102,220) |
hsl(228,68%,57%) |
#284AD5 |
rgb(40,74,213) |
hsl(228,68%,50%) |
#213DB2 |
rgb(33,61,178) |
hsl(228,69%,41%) |
#1B3390 |
rgb(27,51,144) |
hsl(228,68%,34%) |
#14266E |
rgb(20,38,110) |
hsl(228,69%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#284AD5 |
rgb(40,74,213) |
hsl(228,68%,50%) |
#D55C28 |
rgb(213,92,40) |
hsl(18,68%,50%) |
#A0D628 |
rgb(160,214,40) |
hsl(79,69%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284AD5 |
rgb(40,74,213) |
hsl(228,68%,50%) |
#D5B328 |
rgb(213,179,40) |
hsl(48,68%,50%) |
#28A1D5 |
rgb(40,161,213) |
hsl(198,68%,50%) |
#A0D628 |
rgb(160,214,40) |
hsl(79,69%,50%) |