#AF7050

#AF7050

Color Values

HEX

#AF7050

RGB

175, 112, 80

HSL

20,2, 37,3%, 50,0%

HSV

20,2, 54,3%, 68,6%

CMYK

0,0%, 36,0%, 54,3%, 31,4%

OKLCH

0,6051 0,0923 47,4

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AF7050

#508FAF

Analogous

#AF505F

#AFA050

#AF7050

Triadic

#AF7050

#50AF70

#7050AF

Split Complementary

#AF7050

#50AFA0

#505FAF

Tetradic

#AF7050

#5FAF50

#508FAF

#A050AF

Color Blindness Simulation

Original

#AF7050

Protanopia

#949358

Deuteranopia

#979C5A

Tritanopia

#AC5E5F

Achromatopsia

#7B7B7B

CSS Usage

background-color: #AF7050;
color: #AF7050;
border-color: #AF7050;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F3EBE7
200
#E9D7CE
300
#D9BAAB
400
#C4957D
500
#AF7050
600
#8C5A40
700
#704833
800
#583828
900
#412B20
950
#291B14

Contrast Checker

Text on white

4,0:1

AA Fail AAA Fail

Text on black

5,26:1

AA Pass 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