HEX #A2BDC1 color — Opal
The color #A2BDC1 is a light shade and desaturated.
Palette
A2BDC1 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(188,20%,95%) |
#e0e9eb |
rgb(224,233,235) |
hsl(188,20%,90%) |
#d1dee0 |
rgb(209,222,224) |
hsl(188,20%,85%) |
#c2d3d6 |
rgb(194,211,214) |
hsl(188,20%,80%) |
#b3c9cc |
rgb(179,201,204) |
hsl(188,20%,75%) |
#a3bec2 |
rgb(163,190,194) |
hsl(188,20%,70%) |
#94b3b8 |
rgb(148,179,184) |
hsl(188,20%,65%) |
#85a8ad |
rgb(133,168,173) |
hsl(188,20%,60%) |
#759da3 |
rgb(117,157,163) |
hsl(188,20%,55%) |
#669299 |
rgb(102,146,153) |
hsl(188,20%,50%) |
#5c848a |
rgb(92,132,138) |
hsl(188,20%,45%) |
#52757a |
rgb(82,117,122) |
hsl(188,20%,40%) |
#47666b |
rgb(71,102,107) |
hsl(188,20%,35%) |
#3d585c |
rgb(61,88,92) |
hsl(188,20%,30%) |
#33494d |
rgb(51,73,77) |
hsl(188,20%,25%) |
#293a3d |
rgb(41,58,61) |
hsl(188,20%,20%) |
#1f2c2e |
rgb(31,44,46) |
hsl(188,20%,15%) |
#141d1f |
rgb(20,29,31) |
hsl(188,20%,10%) |
#0a0f0f |
rgb(10,15,15) |
hsl(188,20%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#A2C2B0 |
rgb(162,194,176) |
hsl(146,21%,70%) |
#A2BDC1 |
rgb(162,189,193) |
hsl(188,20%,70%) |
#A2A8C1 |
rgb(162,168,193) |
hsl(228,20%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E6EDEE |
rgb(230,237,238) |
hsl(188,19%,92%) |
#C4D6D7 |
rgb(196,214,215) |
hsl(183,19%,81%) |
#A2BDC1 |
rgb(162,189,193) |
hsl(188,20%,70%) |
#7FA6AA |
rgb(127,166,170) |
hsl(186,20%,58%) |
#608A90 |
rgb(96,138,144) |
hsl(188,20%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#A2BDC1 |
rgb(162,189,193) |
hsl(188,20%,70%) |
#C1A3AD |
rgb(193,163,173) |
hsl(340,19%,70%) |
#C1B5A2 |
rgb(193,181,162) |
hsl(37,20%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A2BDC1 |
rgb(162,189,193) |
hsl(188,20%,70%) |
#C1A6A2 |
rgb(193,166,162) |
hsl(8,20%,70%) |
#A2C2B5 |
rgb(162,194,181) |
hsl(156,21%,70%) |
#C1B5A2 |
rgb(193,181,162) |
hsl(37,20%,70%) |