#997FEC

#997FEC

Color Values

HEX

#997FEC

RGB

153, 127, 236

HSL

254.3, 74.1%, 71.2%

HSV

254.3, 46.2%, 92.5%

CMYK

35.2%, 46.2%, 0.0%, 7.5%

OKLCH

0.668 0.158 292.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#997FEC

#D2EC7F

Analogous

#7F9CEC

#CF7FEC

#997FEC

Triadic

#997FEC

#EC997F

#7FEC99

Split Complementary

#997FEC

#ECCF7F

#9CEC7F

Tetradic

#997FEC

#EC7F9C

#D2EC7F

#7FECCF

Color Blindness Simulation

Original

#997FEC

Protanopia

#8E8ED2

Deuteranopia

#8F91CB

Tritanopia

#98BDB8

Achromatopsia

#8C8C8C

CSS Usage

background-color: #997FEC;
color: #997FEC;
border-color: #997FEC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F3FC
100
#E7E2F8
200
#CDC1F6
300
#AA94EF
400
#7C5BE7
500
#4E21DE
600
#3E1AB2
700
#32158E
800
#27116F
900
#201051
950
#140A33

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.6:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026