#AF7648

#AF7648

Color Values

HEX

#AF7648

RGB

175, 118, 72

HSL

26.8, 41.7%, 48.4%

HSV

26.8, 58.9%, 68.6%

CMYK

0.0%, 32.6%, 58.9%, 31.4%

OKLCH

0.6151 0.0947 58.7

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AF7648

#4881AF

Analogous

#AF484D

#AFA948

#AF7648

Triadic

#AF7648

#48AF76

#7648AF

Split Complementary

#AF7648

#48AFA9

#484DAF

Tetradic

#AF7648

#4DAF48

#4881AF

#A948AF

Color Blindness Simulation

Original

#AF7648

Protanopia

#969653

Deuteranopia

#9A9E56

Tritanopia

#AC5C5E

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EADACC
300
#DBBFA8
400
#C89C79
500
#B57A4A
600
#91613B
700
#744E30
800
#5A3D25
900
#432F1E
950
#2A1D13

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51: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