#9567BC

#9567BC

Color Values

HEX

#9567BC

RGB

149, 103, 188

HSL

272.5, 38.8%, 57.1%

HSV

272.5, 45.2%, 73.7%

CMYK

20.7%, 45.2%, 0.0%, 26.3%

OKLCH

0.5963 0.1336 307.8

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#9567BC

#8EBC67

Analogous

#6B67BC

#BC67B9

#9567BC

Triadic

#9567BC

#BC9567

#67BC95

Split Complementary

#9567BC

#B9BC67

#67BC6B

Tetradic

#9567BC

#BC6B67

#8EBC67

#67B9BC

Color Blindness Simulation

Original

#9567BC

Protanopia

#8181A7

Deuteranopia

#8487A2

Tritanopia

#939794

Achromatopsia

#777777

CSS Usage

background-color: #9567BC;
color: #9567BC;
border-color: #9567BC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DCCDE9
300
#C4AADA
400
#A47CC5
500
#844EB1
600
#693E8E
700
#543271
800
#422758
900
#322041
950
#1F1429

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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