HEX #285FD7 color — Mariner
The color #285fd7 is a dark shade and highly saturated.
Palette
285fd7 color palette from light to dark
HEX |
RGB |
HSL |
#e9effb |
rgb(233,239,251) |
hsl(221,69%,95%) |
#d4dff7 |
rgb(212,223,247) |
hsl(221,69%,90%) |
#becff3 |
rgb(190,207,243) |
hsl(221,69%,85%) |
#a9bfef |
rgb(169,191,239) |
hsl(221,69%,80%) |
#93afeb |
rgb(147,175,235) |
hsl(221,69%,75%) |
#7e9fe7 |
rgb(126,159,231) |
hsl(221,69%,70%) |
#688fe3 |
rgb(104,143,227) |
hsl(221,69%,65%) |
#537fdf |
rgb(83,127,223) |
hsl(221,69%,60%) |
#3d6fdb |
rgb(61,111,219) |
hsl(221,69%,55%) |
#285fd7 |
rgb(40,95,215) |
hsl(221,69%,50%) |
#2456c2 |
rgb(36,86,194) |
hsl(221,69%,45%) |
#204cac |
rgb(32,76,172) |
hsl(221,69%,40%) |
#1c4397 |
rgb(28,67,151) |
hsl(221,69%,35%) |
#183981 |
rgb(24,57,129) |
hsl(221,69%,30%) |
#14306c |
rgb(20,48,108) |
hsl(221,69%,25%) |
#102656 |
rgb(16,38,86) |
hsl(221,69%,20%) |
#0c1d41 |
rgb(12,29,65) |
hsl(221,69%,15%) |
#08132b |
rgb(8,19,43) |
hsl(221,69%,10%) |
#040a16 |
rgb(4,10,22) |
hsl(221,69%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#28D4D7 |
rgb(40,212,215) |
hsl(181,69%,50%) |
#285FD7 |
rgb(40,95,215) |
hsl(221,69%,50%) |
#6529D7 |
rgb(101,41,215) |
hsl(261,69%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C91E3 |
rgb(108,145,227) |
hsl(221,68%,66%) |
#4A78DD |
rgb(74,120,221) |
hsl(221,68%,58%) |
#285FD7 |
rgb(40,95,215) |
hsl(221,69%,50%) |
#214FB4 |
rgb(33,79,180) |
hsl(221,69%,42%) |
#1B4092 |
rgb(27,64,146) |
hsl(221,69%,34%) |
#14306F |
rgb(20,48,111) |
hsl(222,69%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#285FD7 |
rgb(40,95,215) |
hsl(221,69%,50%) |
#D74728 |
rgb(215,71,40) |
hsl(11,69%,50%) |
#B6D628 |
rgb(182,214,40) |
hsl(71,69%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#285FD7 |
rgb(40,95,215) |
hsl(221,69%,50%) |
#D7A128 |
rgb(215,161,40) |
hsl(41,69%,50%) |
#28B8D7 |
rgb(40,184,215) |
hsl(191,69%,50%) |
#B6D628 |
rgb(182,214,40) |
hsl(71,69%,50%) |