#AB74D5

#AB74D5

Color Values

HEX

#AB74D5

RGB

171, 116, 213

HSL

274.0, 53.6%, 64.5%

HSV

274.0, 45.5%, 83.5%

CMYK

19.7%, 45.5%, 0.0%, 16.5%

OKLCH

0.6541 0.1497 309.0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AB74D5

#9ED574

Analogous

#7A74D5

#D574CF

#AB74D5

Triadic

#AB74D5

#D5AB74

#74D5AB

Split Complementary

#AB74D5

#CFD574

#74D57A

Tetradic

#AB74D5

#D57A74

#9ED574

#74CFD5

Color Blindness Simulation

Original

#AB74D5

Protanopia

#9393BE

Deuteranopia

#969AB8

Tritanopia

#A8ABA7

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DEC8EE
300
#C6A1E3
400
#A76ED3
500
#893BC4
600
#6D2F9D
700
#57267D
800
#441E62
900
#341948
950
#21102D

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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