#AF8F96

#AF8F96

Color Values

HEX

#AF8F96

RGB

175, 143, 150

HSL

346.9, 16.7%, 62.4%

HSV

346.9, 18.3%, 68.6%

CMYK

0.0%, 18.3%, 14.3%, 31.4%

OKLCH

0.6815 0.0397 3.5

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AF8F96

#8FAFA8

Analogous

#AF8FA6

#AF988F

#AF8F96

Triadic

#AF8F96

#96AF8F

#8F96AF

Split Complementary

#AF8F96

#8FAF98

#8FA6AF

Tetradic

#AF8F96

#A6AF8F

#8FAFA8

#988FAF

Color Blindness Simulation

Original

#AF8F96

Protanopia

#A1A194

Deuteranopia

#A3A594

Tritanopia

#AD9393

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#F0EBEC
200
#E1D5D8
300
#CCB8BC
400
#B09198
500
#956A74
600
#77555C
700
#5F444A
800
#4A353A
900
#38292C
950
#231A1C

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026