HEX #286ED5 color — Mariner
The color #286ED5 is a dark shade and highly saturated.
Palette
286ED5 color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(216,68%,95%) |
#d4e2f7 |
rgb(212,226,247) |
hsl(216,68%,90%) |
#bfd4f3 |
rgb(191,212,243) |
hsl(216,68%,85%) |
#a9c5ef |
rgb(169,197,239) |
hsl(216,68%,80%) |
#94b7eb |
rgb(148,183,235) |
hsl(216,68%,75%) |
#7ea8e7 |
rgb(126,168,231) |
hsl(216,68%,70%) |
#699ae2 |
rgb(105,154,226) |
hsl(216,68%,65%) |
#548bde |
rgb(84,139,222) |
hsl(216,68%,60%) |
#3e7dda |
rgb(62,125,218) |
hsl(216,68%,55%) |
#296ed6 |
rgb(41,110,214) |
hsl(216,68%,50%) |
#2563c1 |
rgb(37,99,193) |
hsl(216,68%,45%) |
#2158ab |
rgb(33,88,171) |
hsl(216,68%,40%) |
#1d4d96 |
rgb(29,77,150) |
hsl(216,68%,35%) |
#184281 |
rgb(24,66,129) |
hsl(216,68%,30%) |
#14376b |
rgb(20,55,107) |
hsl(216,68%,25%) |
#102c56 |
rgb(16,44,86) |
hsl(216,68%,20%) |
#0c2140 |
rgb(12,33,64) |
hsl(216,68%,15%) |
#08162b |
rgb(8,22,43) |
hsl(216,68%,10%) |
#040b15 |
rgb(4,11,21) |
hsl(216,68%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#28D6C8 |
rgb(40,214,200) |
hsl(175,69%,50%) |
#286ED5 |
rgb(40,110,213) |
hsl(216,68%,50%) |
#5529D5 |
rgb(85,41,213) |
hsl(255,68%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6A9CE3 |
rgb(106,156,227) |
hsl(215,68%,65%) |
#4885DC |
rgb(72,133,220) |
hsl(215,68%,57%) |
#286ED5 |
rgb(40,110,213) |
hsl(216,68%,50%) |
#215CB2 |
rgb(33,92,178) |
hsl(216,69%,41%) |
#1B4A90 |
rgb(27,74,144) |
hsl(216,68%,34%) |
#14386E |
rgb(20,56,110) |
hsl(216,69%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#286ED5 |
rgb(40,110,213) |
hsl(216,68%,50%) |
#D53828 |
rgb(213,56,40) |
hsl(6,68%,50%) |
#C4D628 |
rgb(196,214,40) |
hsl(66,69%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#286ED5 |
rgb(40,110,213) |
hsl(216,68%,50%) |
#D58F28 |
rgb(213,143,40) |
hsl(36,68%,50%) |
#28C4D5 |
rgb(40,196,213) |
hsl(186,68%,50%) |
#C4D628 |
rgb(196,214,40) |
hsl(66,69%,50%) |