#A96FCC

#A96FCC

Color Values

HEX

#A96FCC

RGB

169, 111, 204

HSL

277.4, 47.7%, 61.8%

HSV

277.4, 45.6%, 80.0%

CMYK

17.2%, 45.6%, 0.0%, 20.0%

OKLCH

0.6392 0.1467 311.6

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A96FCC

#92CC6F

Analogous

#7B6FCC

#CC6FC1

#A96FCC

Triadic

#A96FCC

#CCA96F

#6FCCA9

Split Complementary

#A96FCC

#C1CC6F

#6FCC7B

Tetradic

#A96FCC

#CC7B6F

#92CC6F

#6FC1CC

Color Blindness Simulation

Original

#A96FCC

Protanopia

#908FB6

Deuteranopia

#9398B0

Tritanopia

#A6A4A0

Achromatopsia

#828282

CSS Usage

background-color: #A96FCC;
color: #A96FCC;
border-color: #A96FCC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#E0CAEC
300
#C9A5DF
400
#AC74CE
500
#8F43BC
600
#723597
700
#5B2B79
800
#47215E
900
#361C45
950
#22112C

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.83:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026