#A8B2DC

#A8B2DC

Color Values

HEX

#A8B2DC

RGB

168, 178, 220

HSL

228.5, 42.6%, 76.1%

HSV

228.5, 23.6%, 86.3%

CMYK

23.6%, 19.1%, 0.0%, 13.7%

OKLCH

0.7702 0.0612 274.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A8B2DC

#DCD2A8

Analogous

#A8CCDC

#B8A8DC

#A8B2DC

Triadic

#A8B2DC

#DCA8B2

#B2DCA8

Split Complementary

#A8B2DC

#DCB8A8

#CCDCA8

Tetradic

#A8B2DC

#DCA8CC

#DCD2A8

#A8DCB8

Color Blindness Simulation

Original

#A8B2DC

Protanopia

#ACACD2

Deuteranopia

#ACABCF

Tritanopia

#A8CAC8

Achromatopsia

#B3B3B3

CSS Usage

background-color: #A8B2DC;
color: #A8B2DC;
border-color: #A8B2DC;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F6FA
100
#E7E9F4
200
#CCD2EB
300
#A8B2DC
400
#7888C9
500
#495EB6
600
#3B4B91
700
#2F3C74
800
#252F5B
900
#1E2543
950
#13172A

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.07:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026