#AF7828

#AF7828

Color Values

HEX

#AF7828

RGB

175, 120, 40

HSL

35.6, 62.8%, 42.2%

HSV

35.6, 77.1%, 68.6%

CMYK

0.0%, 31.4%, 77.1%, 31.4%

OKLCH

0.6153 0.1153 72.1

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#AF7828

#285FAF

Analogous

#AF3528

#A3AF28

#AF7828

Triadic

#AF7828

#28AF78

#7828AF

Split Complementary

#AF7828

#28A3AF

#3528AF

Tetradic

#AF7828

#28AF35

#285FAF

#AF28A3

Color Blindness Simulation

Original

#AF7828

Protanopia

#97973B

Deuteranopia

#9A9E40

Tritanopia

#AC4B4E

Achromatopsia

#7E7E7E

CSS Usage

background-color: #AF7828;
color: #AF7828;
border-color: #AF7828;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2DFC5
300
#E8C99B
400
#DCAC65
500
#D08E2F
600
#A67226
700
#855B1E
800
#684718
900
#4C3615
950
#30220D

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026