#AB98C5

#AB98C5

Color Values

HEX

#AB98C5

RGB

171, 152, 197

HSL

265.3, 28.0%, 68.4%

HSV

265.3, 22.8%, 77.3%

CMYK

13.2%, 22.8%, 0.0%, 22.7%

OKLCH

0.7118 0.0677 304.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AB98C5

#B2C598

Analogous

#989BC5

#C198C5

#AB98C5

Triadic

#AB98C5

#C5AB98

#98C5AB

Split Complementary

#AB98C5

#C5C198

#9BC598

Tetradic

#AB98C5

#C5989B

#B2C598

#98C5C1

Color Blindness Simulation

Original

#AB98C5

Protanopia

#A3A3BA

Deuteranopia

#A4A5B7

Tritanopia

#AAB2B0

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#DAD1E5
300
#BFB1D3
400
#9D86BB
500
#7A5CA3
600
#624983
700
#4E3B68
800
#3D2E52
900
#2F243D
950
#1D1726

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

8.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026