#AF98B5

#AF98B5

Color Values

HEX

#AF98B5

RGB

175, 152, 181

HSL

287.6, 16.4%, 65.3%

HSV

287.6, 16.0%, 71.0%

CMYK

3.3%, 16.0%, 0.0%, 29.0%

OKLCH

0.7094 0.0489 319.2

Properties

Cool Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AF98B5

#9EB598

Analogous

#A198B5

#B598AD

#AF98B5

Triadic

#AF98B5

#B5AF98

#98B5AF

Split Complementary

#AF98B5

#ADB598

#98B5A1

Tetradic

#AF98B5

#B5A198

#9EB598

#98ADB5

Color Blindness Simulation

Original

#AF98B5

Protanopia

#A5A5AE

Deuteranopia

#A6A8AC

Tritanopia

#AEA8A7

Achromatopsia

#9F9F9F

CSS Usage

background-color: #AF98B5;
color: #AF98B5;
border-color: #AF98B5;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F6F8
100
#EFEBF0
200
#DFD5E1
300
#C8B8CC
400
#AA91B0
500
#8C6B94
600
#705577
700
#59445F
800
#46354A
900
#352938
950
#211A23

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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