#9256AD

#9256AD

Color Values

HEX

#9256AD

RGB

146, 86, 173

HSL

281.4, 34.7%, 50.8%

HSV

281.4, 50.3%, 67.8%

CMYK

15.6%, 50.3%, 0.0%, 32.2%

OKLCH

0.5571 0.1434 314.4

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#9256AD

#71AD56

Analogous

#6756AD

#AD569D

#9256AD

Triadic

#9256AD

#AD9256

#56AD92

Split Complementary

#9256AD

#9DAD56

#56AD67

Tetradic

#9256AD

#AD6756

#71AD56

#569DAD

Color Blindness Simulation

Original

#9256AD

Protanopia

#787798

Deuteranopia

#7C8093

Tritanopia

#8F8784

Achromatopsia

#696969

CSS Usage

background-color: #9256AD;
color: #9256AD;
border-color: #9256AD;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE8
300
#CAADD7
400
#AD80C1
500
#9053AC
600
#734389
700
#5C356E
800
#482A56
900
#362140
950
#221528

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

4.16:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026