#AF632A

#AF632A

Color Values

HEX

#AF632A

RGB

175, 99, 42

HSL

25.7, 61.3%, 42.5%

HSV

25.7, 76.0%, 68.6%

CMYK

0.0%, 43.4%, 76.0%, 31.4%

OKLCH

0.5765 0.1205 54.1

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AF632A

#2A76AF

Analogous

#AF2A33

#AFA52A

#AF632A

Triadic

#AF632A

#2AAF63

#632AAF

Split Complementary

#AF632A

#2AAFA5

#2A33AF

Tetradic

#AF632A

#33AF2A

#2A76AF

#A52AAF

Color Blindness Simulation

Original

#AF632A

Protanopia

#8E8D38

Deuteranopia

#92983B

Tritanopia

#AB4345

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F6ECE4
200
#F1D8C5
300
#E7BC9C
400
#DA9867
500
#CE7431
600
#A55D27
700
#844A20
800
#673A19
900
#4B2D16
950
#2F1C0E

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026