#9271B9

#9271B9

Color Values

HEX

#9271B9

RGB

146, 113, 185

HSL

267.5, 34.0%, 58.4%

HSV

267.5, 38.9%, 72.5%

CMYK

21.1%, 38.9%, 0.0%, 27.5%

OKLCH

0.6094 0.1117 304.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9271B9

#98B971

Analogous

#7174B9

#B671B9

#9271B9

Triadic

#9271B9

#B99271

#71B992

Split Complementary

#9271B9

#B9B671

#74B971

Tetradic

#9271B9

#B97174

#98B971

#71B9B6

Color Blindness Simulation

Original

#9271B9

Protanopia

#8483A8

Deuteranopia

#8688A3

Tritanopia

#909A97

Achromatopsia

#7D7D7D

CSS Usage

background-color: #9271B9;
color: #9271B9;
border-color: #9271B9;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DACFE7
300
#C0ADD7
400
#9E81C1
500
#7C54AB
600
#634389
700
#4F366D
800
#3E2A55
900
#2F223F
950
#1E1528

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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