#9F16AB

#9F16AB

Color Values

HEX

#9F16AB

RGB

159, 22, 171

HSL

295.2, 77.2%, 37.8%

HSV

295.2, 87.1%, 67.1%

CMYK

7.0%, 87.1%, 0.0%, 32.9%

OKLCH

0.5078 0.2256 324.3

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#9F16AB

#22AB16

Analogous

#5416AB

#AB166C

#9F16AB

Triadic

#9F16AB

#AB9F16

#16AB9F

Split Complementary

#9F16AB

#6CAB16

#16AB54

Tetradic

#9F16AB

#AB5416

#22AB16

#166CAB

Color Blindness Simulation

Original

#9F16AB

Protanopia

#646287

Deuteranopia

#6C767E

Tritanopia

#986A64

Achromatopsia

#3E3E3E

CSS Usage

background-color: #9F16AB;
color: #9F16AB;
border-color: #9F16AB;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF2FC
100
#F7E1F9
200
#F2C0F7
300
#E993F1
400
#DE58E9
500
#D21DE2
600
#A817B5
700
#871391
800
#690F71
900
#4D0F52
950
#300934

Contrast Checker

Text on white

6.61:1

AA Pass AAA Fail

Text on black

3.18:1

AA Fail 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