#AB77D9

#AB77D9

Color Values

HEX

#AB77D9

RGB

171, 119, 217

HSL

271.8, 56.3%, 65.9%

HSV

271.8, 45.2%, 85.1%

CMYK

21.2%, 45.2%, 0.0%, 14.9%

OKLCH

0.6611 0.1495 307.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AB77D9

#A5D977

Analogous

#7A77D9

#D977D6

#AB77D9

Triadic

#AB77D9

#D9AB77

#77D9AB

Split Complementary

#AB77D9

#D6D977

#77D97A

Tetradic

#AB77D9

#D97A77

#A5D977

#77D6D9

Color Blindness Simulation

Original

#AB77D9

Protanopia

#9494C1

Deuteranopia

#989BBC

Tritanopia

#A8AFAA

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DDC7EF
300
#C49FE4
400
#A46CD6
500
#8438C7
600
#692D9F
700
#542480
800
#421C64
900
#321849
950
#200F2E

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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