#AB97EC

#AB97EC

Color Values

HEX

#AB97EC

RGB

171, 151, 236

HSL

254.1, 69.1%, 75.9%

HSV

254.1, 36.0%, 92.5%

CMYK

27.5%, 36.0%, 0.0%, 7.5%

OKLCH

0.7269 0.1224 293.9

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AB97EC

#D8EC97

Analogous

#97AEEC

#D697EC

#AB97EC

Triadic

#AB97EC

#ECAB97

#97ECAB

Split Complementary

#AB97EC

#ECD697

#AEEC97

Tetradic

#AB97EC

#EC97AE

#D8EC97

#97ECD6

Color Blindness Simulation

Original

#AB97EC

Protanopia

#A2A2D7

Deuteranopia

#A4A5D2

Tritanopia

#AAC7C4

Achromatopsia

#A1A1A1

CSS Usage

background-color: #AB97EC;
color: #AB97EC;
border-color: #AB97EC;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F3FC
100
#E8E3F8
200
#CEC3F4
300
#AB98EC
400
#7E5FE2
500
#5127D8
600
#4120AC
700
#34198A
800
#28146C
900
#20124F
950
#150C32

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.37:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026