HEX #586EA3 color — Waikawa Gray
The color #586EA3 is a dark shade and slightly desaturated.
Palette
586EA3 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(222,30%,99%) |
#ebeef4 |
rgb(235,238,244) |
hsl(222,30%,94%) |
#dbe0eb |
rgb(219,224,235) |
hsl(222,30%,89%) |
#cad1e2 |
rgb(202,209,226) |
hsl(222,30%,84%) |
#b9c3da |
rgb(185,195,218) |
hsl(222,30%,79%) |
#a9b5d1 |
rgb(169,181,209) |
hsl(222,30%,74%) |
#98a6c8 |
rgb(152,166,200) |
hsl(222,30%,69%) |
#8898bf |
rgb(136,152,191) |
hsl(222,30%,64%) |
#778ab6 |
rgb(119,138,182) |
hsl(222,30%,59%) |
#677cad |
rgb(103,124,173) |
hsl(222,30%,54%) |
#576ea2 |
rgb(87,110,162) |
hsl(222,30%,49%) |
#4f6392 |
rgb(79,99,146) |
hsl(222,30%,44%) |
#465881 |
rgb(70,88,129) |
hsl(222,30%,39%) |
#3d4c71 |
rgb(61,76,113) |
hsl(222,30%,34%) |
#344160 |
rgb(52,65,96) |
hsl(222,30%,29%) |
#2b3650 |
rgb(43,54,80) |
hsl(222,30%,24%) |
#222b3f |
rgb(34,43,63) |
hsl(222,30%,19%) |
#191f2e |
rgb(25,31,46) |
hsl(222,30%,14%) |
#10141e |
rgb(16,20,30) |
hsl(222,30%,9%) |
#07090d |
rgb(7,9,13) |
hsl(222,30%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#58A1A3 |
rgb(88,161,163) |
hsl(182,30%,49%) |
#586EA3 |
rgb(88,110,163) |
hsl(222,30%,49%) |
#7459A3 |
rgb(116,89,163) |
hsl(262,29%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8A9CC0 |
rgb(138,156,192) |
hsl(220,30%,65%) |
#7085B2 |
rgb(112,133,178) |
hsl(221,30%,57%) |
#586EA3 |
rgb(88,110,163) |
hsl(222,30%,49%) |
#495C88 |
rgb(73,92,136) |
hsl(222,30%,41%) |
#3B4A6E |
rgb(59,74,110) |
hsl(222,30%,33%) |
#2D3854 |
rgb(45,56,84) |
hsl(223,30%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#586EA3 |
rgb(88,110,163) |
hsl(222,30%,49%) |
#A36958 |
rgb(163,105,88) |
hsl(14,30%,49%) |
#93A358 |
rgb(147,163,88) |
hsl(73,30%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586EA3 |
rgb(88,110,163) |
hsl(222,30%,49%) |
#A38C58 |
rgb(163,140,88) |
hsl(42,30%,49%) |
#5894A3 |
rgb(88,148,163) |
hsl(192,30%,49%) |
#93A358 |
rgb(147,163,88) |
hsl(73,30%,49%) |