#AB75F6

#AB75F6

Color Values

HEX

#AB75F6

RGB

171, 117, 246

HSL

265.1, 87.8%, 71.2%

HSV

265.1, 52.4%, 96.5%

CMYK

30.5%, 52.4%, 0.0%, 3.5%

OKLCH

0.674 0.1877 300.8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AB75F6

#C0F675

Analogous

#7580F6

#EC75F6

#AB75F6

Triadic

#AB75F6

#F6AB75

#75F6AB

Split Complementary

#AB75F6

#F6EC75

#80F675

Tetradic

#AB75F6

#F67580

#C0F675

#75F6EC

Color Blindness Simulation

Original

#AB75F6

Protanopia

#9493D7

Deuteranopia

#979BCF

Tritanopia

#A8BEB9

Achromatopsia

#8A8A8A

CSS Usage

background-color: #AB75F6;
color: #AB75F6;
border-color: #AB75F6;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F6F2FD
100
#EBE0FA
200
#D6BCFB
300
#B98CF8
400
#934EF3
500
#6D10EF
600
#570CC0
700
#460A99
800
#370878
900
#2A0A57
950
#1B0637

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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