HEX #567AA8 color — Wedgewood
The color #567AA8 is a dark shade and slightly desaturated.
Palette
567AA8 color palette from light to dark
HEX |
RGB |
HSL |
#eef2f6 |
rgb(238,242,246) |
hsl(214,32%,95%) |
#dde4ee |
rgb(221,228,238) |
hsl(214,32%,90%) |
#cdd7e5 |
rgb(205,215,229) |
hsl(214,32%,85%) |
#bccadc |
rgb(188,202,220) |
hsl(214,32%,80%) |
#abbdd4 |
rgb(171,189,212) |
hsl(214,32%,75%) |
#9aafcb |
rgb(154,175,203) |
hsl(214,32%,70%) |
#89a2c2 |
rgb(137,162,194) |
hsl(214,32%,65%) |
#7895ba |
rgb(120,149,186) |
hsl(214,32%,60%) |
#6887b1 |
rgb(104,135,177) |
hsl(214,32%,55%) |
#577aa8 |
rgb(87,122,168) |
hsl(214,32%,50%) |
#4e6e97 |
rgb(78,110,151) |
hsl(214,32%,45%) |
#456287 |
rgb(69,98,135) |
hsl(214,32%,40%) |
#3d5576 |
rgb(61,85,118) |
hsl(214,32%,35%) |
#344965 |
rgb(52,73,101) |
hsl(214,32%,30%) |
#2b3d54 |
rgb(43,61,84) |
hsl(214,32%,25%) |
#233143 |
rgb(35,49,67) |
hsl(214,32%,20%) |
#1a2532 |
rgb(26,37,50) |
hsl(214,32%,15%) |
#111822 |
rgb(17,24,34) |
hsl(214,32%,10%) |
#090c11 |
rgb(9,12,17) |
hsl(214,32%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A89F |
rgb(86,168,159) |
hsl(173,32%,50%) |
#567AA8 |
rgb(86,122,168) |
hsl(214,32%,50%) |
#6857A8 |
rgb(104,87,168) |
hsl(253,32%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BA3C3 |
rgb(139,163,195) |
hsl(214,32%,65%) |
#708FB6 |
rgb(112,143,182) |
hsl(213,32%,58%) |
#567AA8 |
rgb(86,122,168) |
hsl(214,32%,50%) |
#48668D |
rgb(72,102,141) |
hsl(214,32%,42%) |
#3A5472 |
rgb(58,84,114) |
hsl(212,33%,34%) |
#2C4057 |
rgb(44,64,87) |
hsl(212,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#567AA8 |
rgb(86,122,168) |
hsl(214,32%,50%) |
#A85C56 |
rgb(168,92,86) |
hsl(4,32%,50%) |
#A3A856 |
rgb(163,168,86) |
hsl(64,32%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#567AA8 |
rgb(86,122,168) |
hsl(214,32%,50%) |
#A88556 |
rgb(168,133,86) |
hsl(34,32%,50%) |
#56A3A8 |
rgb(86,163,168) |
hsl(184,32%,50%) |
#A3A856 |
rgb(163,168,86) |
hsl(64,32%,50%) |