#9727A5

#9727A5

Color Values

HEX

#9727A5

RGB

151, 39, 165

HSL

293.3, 61.8%, 40.0%

HSV

293.3, 76.4%, 64.7%

CMYK

8.5%, 76.4%, 0.0%, 35.3%

OKLCH

0.5023 0.2041 323.0

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#9727A5

#35A527

Analogous

#5827A5

#A52774

#9727A5

Triadic

#9727A5

#A59727

#27A597

Split Complementary

#9727A5

#74A527

#27A558

Tetradic

#9727A5

#A55827

#35A527

#2774A5

Color Blindness Simulation

Original

#9727A5

Protanopia

#666687

Deuteranopia

#6D757F

Tritanopia

#916E69

Achromatopsia

#484848

CSS Usage

background-color: #9727A5;
color: #9727A5;
border-color: #9727A5;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF3FB
100
#F4E4F7
200
#ECC5F1
300
#DF9CE8
400
#CE66DB
500
#BD31CE
600
#9727A5
700
#791F84
800
#5E1867
900
#45164B
950
#2C0E30

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

3.15:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026