#A296AD

#A296AD

Color Values

HEX

#A296AD

RGB

162, 150, 173

HSL

271.3, 12.3%, 63.3%

HSV

271.3, 13.3%, 67.8%

CMYK

6.4%, 13.3%, 0.0%, 32.2%

OKLCH

0.691 0.0358 308.8

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#A296AD

#A1AD96

Analogous

#9696AD

#AD96AC

#A296AD

Triadic

#A296AD

#ADA296

#96ADA2

Split Complementary

#A296AD

#ACAD96

#96AD96

Tetradic

#A296AD

#AD9696

#A1AD96

#96ACAD

Color Blindness Simulation

Original

#A296AD

Protanopia

#9D9DA7

Deuteranopia

#9E9EA6

Tritanopia

#A1A3A2

Achromatopsia

#9A9A9A

CSS Usage

background-color: #A296AD;
color: #A296AD;
border-color: #A296AD;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F7F7F8
100
#EDEBEF
200
#DBD7E0
300
#C2BAC9
400
#A195AC
500
#80708F
600
#675973
700
#52485C
800
#403848
900
#312B36
950
#1F1B22

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026