#9567F6

#9567F6

Color Values

HEX

#9567F6

RGB

149, 103, 246

HSL

259.3, 88.8%, 68.4%

HSV

259.3, 58.1%, 96.5%

CMYK

39.4%, 58.1%, 0.0%, 3.5%

OKLCH

0.6312 0.2049 294.6

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#9567F6

#C8F667

Analogous

#6780F6

#DC67F6

#9567F6

Triadic

#9567F6

#F69567

#67F695

Split Complementary

#9567F6

#F6DC67

#80F667

Tetradic

#9567F6

#F66780

#C8F667

#67F6DC

Color Blindness Simulation

Original

#9567F6

Protanopia

#8181D3

Deuteranopia

#8487CB

Tritanopia

#93B8B2

Achromatopsia

#7B7B7B

CSS Usage

background-color: #9567F6;
color: #9567F6;
border-color: #9567F6;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F5F2FD
100
#E8E0FB
200
#D0BCFB
300
#AE8BF8
400
#834DF4
500
#570EF1
600
#460BC1
700
#38099A
800
#2C0778
900
#230A57
950
#160637

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

5.55:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026