HEX #284DDD color — Mariner
The color #284DDD is a dark shade and highly saturated.
Palette
284DDD color palette from light to dark
HEX |
RGB |
HSL |
#edf0fc |
rgb(237,240,252) |
hsl(228,73%,96%) |
#d7def9 |
rgb(215,222,249) |
hsl(228,73%,91%) |
#c1ccf5 |
rgb(193,204,245) |
hsl(228,73%,86%) |
#abb9f2 |
rgb(171,185,242) |
hsl(228,73%,81%) |
#95a7ee |
rgb(149,167,238) |
hsl(228,73%,76%) |
#7f95eb |
rgb(127,149,235) |
hsl(228,73%,71%) |
#6982e8 |
rgb(105,130,232) |
hsl(228,73%,66%) |
#5370e4 |
rgb(83,112,228) |
hsl(228,73%,61%) |
#3d5ee1 |
rgb(61,94,225) |
hsl(228,73%,56%) |
#274bdd |
rgb(39,75,221) |
hsl(228,73%,51%) |
#2042cb |
rgb(32,66,203) |
hsl(228,73%,46%) |
#1c3bb5 |
rgb(28,59,181) |
hsl(228,73%,41%) |
#19349f |
rgb(25,52,159) |
hsl(228,73%,36%) |
#152c89 |
rgb(21,44,137) |
hsl(228,73%,31%) |
#122573 |
rgb(18,37,115) |
hsl(228,73%,26%) |
#0e1e5d |
rgb(14,30,93) |
hsl(228,73%,21%) |
#0b1747 |
rgb(11,23,71) |
hsl(228,73%,16%) |
#081031 |
rgb(8,16,49) |
hsl(228,73%,11%) |
#04091a |
rgb(4,9,26) |
hsl(228,73%,6%) |
#010104 |
rgb(1,1,4) |
hsl(228,73%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#28C7DD |
rgb(40,199,221) |
hsl(187,73%,51%) |
#284DDD |
rgb(40,77,221) |
hsl(228,73%,51%) |
#7B29DD |
rgb(123,41,221) |
hsl(267,73%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#708AE8 |
rgb(112,138,232) |
hsl(227,72%,67%) |
#4C6BE2 |
rgb(76,107,226) |
hsl(228,72%,59%) |
#284DDD |
rgb(40,77,221) |
hsl(228,73%,51%) |
#1D40BD |
rgb(29,64,189) |
hsl(227,73%,43%) |
#183399 |
rgb(24,51,153) |
hsl(227,73%,35%) |
#122675 |
rgb(18,38,117) |
hsl(228,73%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#284DDD |
rgb(40,77,221) |
hsl(228,73%,51%) |
#DD5E28 |
rgb(221,94,40) |
hsl(18,73%,51%) |
#A7DE28 |
rgb(167,222,40) |
hsl(78,73%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284DDD |
rgb(40,77,221) |
hsl(228,73%,51%) |
#DDB828 |
rgb(221,184,40) |
hsl(48,73%,51%) |
#28A8DD |
rgb(40,168,221) |
hsl(198,73%,51%) |
#A7DE28 |
rgb(167,222,40) |
hsl(78,73%,51%) |