#9E77BA

#9E77BA

Color Values

HEX

#9E77BA

RGB

158, 119, 186

HSL

274.9, 32.7%, 59.8%

HSV

274.9, 36.0%, 72.9%

CMYK

15.1%, 36.0%, 0.0%, 27.1%

OKLCH

0.6327 0.1066 310.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9E77BA

#93BA77

Analogous

#7C77BA

#BA77B5

#9E77BA

Triadic

#9E77BA

#BA9E77

#77BA9E

Split Complementary

#9E77BA

#B5BA77

#77BA7C

Tetradic

#9E77BA

#BA7C77

#93BA77

#77B5BA

Color Blindness Simulation

Original

#9E77BA

Protanopia

#8D8DAA

Deuteranopia

#8F92A6

Tritanopia

#9C9D9A

Achromatopsia

#848484

CSS Usage

background-color: #9E77BA;
color: #9E77BA;
border-color: #9E77BA;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E7
300
#C5AED6
400
#A682C0
500
#8656A9
600
#6B4587
700
#56376C
800
#432B55
900
#33223F
950
#201628

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.8:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026