#9271BC

#9271BC

Color Values

HEX

#9271BC

RGB

146, 113, 188

HSL

266.4, 35.9%, 59.0%

HSV

266.4, 39.9%, 73.7%

CMYK

22.3%, 39.9%, 0.0%, 26.3%

OKLCH

0.6109 0.1156 303.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9271BC

#9BBC71

Analogous

#7175BC

#B771BC

#9271BC

Triadic

#9271BC

#BC9271

#71BC92

Split Complementary

#9271BC

#BCB771

#75BC71

Tetradic

#9271BC

#BC7175

#9BBC71

#71BCB7

Color Blindness Simulation

Original

#9271BC

Protanopia

#8483AA

Deuteranopia

#8688A6

Tritanopia

#909C98

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE8F3
200
#DACEE8
300
#BFACD8
400
#9D7FC3
500
#7A52AD
600
#62418B
700
#4E346F
800
#3D2957
900
#2F2140
950
#1D1528

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

5.31:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026