#AF9988

#AF9988

Color Values

HEX

#AF9988

RGB

175, 153, 136

HSL

26.2, 19.6%, 61.0%

HSV

26.2, 22.3%, 68.6%

CMYK

0.0%, 12.6%, 22.3%, 31.4%

OKLCH

0.6978 0.0357 59.9

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AF9988

#889EAF

Analogous

#AF888B

#AFAD88

#AF9988

Triadic

#AF9988

#88AF99

#9988AF

Split Complementary

#AF9988

#88AFAD

#888BAF

Tetradic

#AF9988

#8BAF88

#889EAF

#AD88AF

Color Blindness Simulation

Original

#AF9988

Protanopia

#A5A58C

Deuteranopia

#A7A88D

Tritanopia

#AE8F90

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E2DAD4
300
#CEC0B6
400
#B39E8E
500
#987C67
600
#7A6352
700
#625042
800
#4C3E33
900
#392F28
950
#241E19

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026