#AF999A

#AF999A

Color Values

HEX

#AF999A

RGB

175, 153, 154

HSL

357.3, 12.1%, 64.3%

HSV

357.3, 12.6%, 68.6%

CMYK

0.0%, 12.6%, 12.0%, 31.4%

OKLCH

0.7027 0.0261 14.7

Properties

Warm Light Nearest: RAL 9022 Pearl Light Grey

Color Harmonies

Complementary

#AF999A

#99AFAE

Analogous

#AF99A5

#AFA399

#AF999A

Triadic

#AF999A

#9AAF99

#999AAF

Split Complementary

#AF999A

#99AFA3

#99A5AF

Tetradic

#AF999A

#A5AF99

#99AFAE

#A399AF

Color Blindness Simulation

Original

#AF999A

Protanopia

#A5A59A

Deuteranopia

#A7A89A

Tritanopia

#AE9A9A

Achromatopsia

#9E9E9E

CSS Usage

background-color: #AF999A;
color: #AF999A;
border-color: #AF999A;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F7F7
100
#EFEBEB
200
#E0D7D7
300
#C9BABB
400
#AC9596
500
#8F7071
600
#725A5B
700
#5B4849
800
#473839
900
#362B2C
950
#221B1C

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.85:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026