#9F71B8

#9F71B8

Color Values

HEX

#9F71B8

RGB

159, 113, 184

HSL

278.9, 33.3%, 58.2%

HSV

278.9, 38.6%, 72.2%

CMYK

13.6%, 38.6%, 0.0%, 27.8%

OKLCH

0.6221 0.1152 313.1

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9F71B8

#8AB871

Analogous

#7B71B8

#B871AD

#9F71B8

Triadic

#9F71B8

#B89F71

#71B89F

Split Complementary

#9F71B8

#ADB871

#71B87B

Tetradic

#9F71B8

#B87B71

#8AB871

#71ADB8

Color Blindness Simulation

Original

#9F71B8

Protanopia

#8B8BA7

Deuteranopia

#8E91A3

Tritanopia

#9D9996

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#DFCFE7
300
#C8ADD6
400
#AA81C0
500
#8C55AA
600
#704488
700
#5A366D
800
#462B55
900
#35223F
950
#211528

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.53: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