#AB4AF3

#AB4AF3

Color Values

HEX

#AB4AF3

RGB

171, 74, 243

HSL

274,4, 87,6%, 62,2%

HSV

274,4, 69,5%, 95,3%

CMYK

29,6%, 69,5%, 0,0%, 4,7%

OKLCH

0,6149 0,2425 306,8

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AB4AF3

#92F34A

Analogous

#574AF3

#F34AE7

#AB4AF3

Triadic

#AB4AF3

#F3AB4A

#4AF3AB

Split Complementary

#AB4AF3

#E7F34A

#4AF357

Tetradic

#AB4AF3

#F3574A

#92F34A

#4AE7F3

Color Blindness Simulation

Original

#AB4AF3

Protanopia

#8180CA

Deuteranopia

#878EC0

Tritanopia

#A6AAA3

Achromatopsia

#6B6B6B

CSS Usage

background-color: #AB4AF3;
color: #AB4AF3;
border-color: #AB4AF3;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FD
100
#EFE0FA
200
#E0BCFB
300
#CA8CF7
400
#AD4EF3
500
#9010EF
600
#730DBF
700
#5C0A99
800
#480878
900
#360A57
950
#220637

Contrast Checker

Text on white

4,2:1

AA Fail AAA Fail

Text on black

5,01: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