#9472BC

#9472BC

Color Values

HEX

#9472BC

RGB

148, 114, 188

HSL

267.6, 35.6%, 59.2%

HSV

267.6, 39.4%, 73.7%

CMYK

21.3%, 39.4%, 0.0%, 26.3%

OKLCH

0.6146 0.1145 304.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9472BC

#9ABC72

Analogous

#7275BC

#B972BC

#9472BC

Triadic

#9472BC

#BC9472

#72BC94

Split Complementary

#9472BC

#BCB972

#75BC72

Tetradic

#9472BC

#BC7275

#9ABC72

#72BCB9

Color Blindness Simulation

Original

#9472BC

Protanopia

#8585AA

Deuteranopia

#878AA6

Tritanopia

#929C99

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DACFE8
300
#C0ACD8
400
#9E7FC2
500
#7C52AD
600
#63428A
700
#4F356F
800
#3E2956
900
#2F2140
950
#1E1528

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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