#9C69A2

#9C69A2

Color Values

HEX

#9C69A2

RGB

156, 105, 162

HSL

293.7, 23.5%, 52.4%

HSV

293.7, 35.2%, 63.5%

CMYK

3.7%, 35.2%, 0.0%, 36.5%

OKLCH

0.5947 0.1026 323.1

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9C69A2

#6FA269

Analogous

#8069A2

#A2698C

#9C69A2

Triadic

#9C69A2

#A29C69

#69A29C

Split Complementary

#9C69A2

#8CA269

#69A280

Tetradic

#9C69A2

#A28069

#6FA269

#698CA2

Color Blindness Simulation

Original

#9C69A2

Protanopia

#868594

Deuteranopia

#898D91

Tritanopia

#998987

Achromatopsia

#787878

CSS Usage

background-color: #9C69A2;
color: #9C69A2;
border-color: #9C69A2;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F6F9
100
#F0EAF1
200
#E2D3E4
300
#CDB3D0
400
#B28AB7
500
#97629D
600
#794E7E
700
#613E65
800
#4C314F
900
#39263B
950
#241825

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

4.96:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026