#AF5748

#AF5748

Color Values

HEX

#AF5748

RGB

175, 87, 72

HSL

8,7, 41,7%, 48,4%

HSV

8,7, 58,9%, 68,6%

CMYK

0,0%, 50,3%, 58,9%, 31,4%

OKLCH

0,5605 0,1181 31,1

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AF5748

#48A0AF

Analogous

#AF486C

#AF8A48

#AF5748

Triadic

#AF5748

#48AF57

#5748AF

Split Complementary

#AF5748

#48AF8A

#486CAF

Tetradic

#AF5748

#6CAF48

#48A0AF

#8A48AF

Color Blindness Simulation

Original

#AF5748

Protanopia

#89884C

Deuteranopia

#8E954C

Tritanopia

#AB4E4F

Achromatopsia

#696969

CSS Usage

background-color: #AF5748;
color: #AF5748;
border-color: #AF5748;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#EAD1CC
300
#DBB0A8
400
#C88579
500
#B55A4A
600
#91483B
700
#743930
800
#5A2D25
900
#43241E
950
#2A1613

Contrast Checker

Text on white

4,91:1

AA Pass AAA Fail

Text on black

4,28:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026