HEX #A2BDC2 color — Opal
The color #A2BDC2 is a light shade and desaturated.
Palette
A2BDC2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(189,21%,95%) |
#e0e9eb |
rgb(224,233,235) |
hsl(189,21%,90%) |
#d1dee1 |
rgb(209,222,225) |
hsl(189,21%,85%) |
#c1d3d7 |
rgb(193,211,215) |
hsl(189,21%,80%) |
#b2c9cd |
rgb(178,201,205) |
hsl(189,21%,75%) |
#a2bec3 |
rgb(162,190,195) |
hsl(189,21%,70%) |
#93b3b8 |
rgb(147,179,184) |
hsl(189,21%,65%) |
#84a8ae |
rgb(132,168,174) |
hsl(189,21%,60%) |
#749da4 |
rgb(116,157,164) |
hsl(189,21%,55%) |
#65929a |
rgb(101,146,154) |
hsl(189,21%,50%) |
#5b848b |
rgb(91,132,139) |
hsl(189,21%,45%) |
#51757b |
rgb(81,117,123) |
hsl(189,21%,40%) |
#47666c |
rgb(71,102,108) |
hsl(189,21%,35%) |
#3c585d |
rgb(60,88,93) |
hsl(189,21%,30%) |
#32494d |
rgb(50,73,77) |
hsl(189,21%,25%) |
#283a3e |
rgb(40,58,62) |
hsl(189,21%,20%) |
#1e2c2e |
rgb(30,44,46) |
hsl(189,21%,15%) |
#141d1f |
rgb(20,29,31) |
hsl(189,21%,10%) |
#0a0f0f |
rgb(10,15,15) |
hsl(189,21%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#A2C2B1 |
rgb(162,194,177) |
hsl(148,21%,70%) |
#A2BDC2 |
rgb(162,189,194) |
hsl(189,21%,70%) |
#A2A8C2 |
rgb(162,168,194) |
hsl(229,21%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E6EDEF |
rgb(230,237,239) |
hsl(193,22%,92%) |
#C4D6D8 |
rgb(196,214,216) |
hsl(186,20%,81%) |
#A2BDC2 |
rgb(162,189,194) |
hsl(189,21%,70%) |
#7FA6AB |
rgb(127,166,171) |
hsl(187,21%,58%) |
#5F8A92 |
rgb(95,138,146) |
hsl(189,21%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#A2BDC2 |
rgb(162,189,194) |
hsl(189,21%,70%) |
#C2A3AD |
rgb(194,163,173) |
hsl(341,20%,70%) |
#C2B8A2 |
rgb(194,184,162) |
hsl(41,21%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A2BDC2 |
rgb(162,189,194) |
hsl(189,21%,70%) |
#C2A6A2 |
rgb(194,166,162) |
hsl(8,21%,70%) |
#A2C2B7 |
rgb(162,194,183) |
hsl(159,21%,70%) |
#C2B8A2 |
rgb(194,184,162) |
hsl(41,21%,70%) |