#AF906C

#AF906C

Color Values

HEX

#AF906C

RGB

175, 144, 108

HSL

32.2, 29.5%, 55.5%

HSV

32.2, 38.3%, 68.6%

CMYK

0.0%, 17.7%, 38.3%, 31.4%

OKLCH

0.673 0.0623 70.6

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#AF906C

#6C8BAF

Analogous

#AF6F6C

#ADAF6C

#AF906C

Triadic

#AF906C

#6CAF90

#906CAF

Split Complementary

#AF906C

#6CADAF

#6F6CAF

Tetradic

#AF906C

#6CAF6F

#6C8BAF

#AF6CAD

Color Blindness Simulation

Original

#AF906C

Protanopia

#A2A175

Deuteranopia

#A3A677

Tritanopia

#AD7C7D

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DCD1
300
#D4C3B0
400
#BCA385
500
#A5825A
600
#846848
700
#6A533A
800
#53412D
900
#3D3124
950
#271F16

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

7.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