#9C69BF

#9C69BF

Color Values

HEX

#9C69BF

RGB

156, 105, 191

HSL

275.6, 40.2%, 58.0%

HSV

275.6, 45.0%, 74.9%

CMYK

18.3%, 45.0%, 0.0%, 25.1%

OKLCH

0.6087 0.1363 310.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#9C69BF

#8CBF69

Analogous

#7169BF

#BF69B7

#9C69BF

Triadic

#9C69BF

#BF9C69

#69BF9C

Split Complementary

#9C69BF

#B7BF69

#69BF71

Tetradic

#9C69BF

#BF7169

#8CBF69

#69B7BF

Color Blindness Simulation

Original

#9C69BF

Protanopia

#8685AA

Deuteranopia

#898DA5

Tritanopia

#999A96

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DECDEA
300
#C6A9DA
400
#A87BC7
500
#894CB3
600
#6E3D8F
700
#583172
800
#452659
900
#341F42
950
#21142A

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass AAA Fail

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