#AF642E

#AF642E

Color Values

HEX

#AF642E

RGB

175, 100, 46

HSL

25.1, 58.4%, 43.3%

HSV

25.1, 73.7%, 68.6%

CMYK

0.0%, 42.9%, 73.7%, 31.4%

OKLCH

0.5786 0.1181 53.5

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AF642E

#2E79AF

Analogous

#AF2E38

#AFA42E

#AF642E

Triadic

#AF642E

#2EAF64

#642EAF

Split Complementary

#AF642E

#2EAFA4

#2E38AF

Tetradic

#AF642E

#38AF2E

#2E79AF

#A42EAF

Color Blindness Simulation

Original

#AF642E

Protanopia

#8F8E3B

Deuteranopia

#93983E

Tritanopia

#AB4548

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE4
200
#F0D8C6
300
#E6BC9E
400
#D8986A
500
#CA7335
600
#A25C2A
700
#814A22
800
#653A1B
900
#4A2C17
950
#2F1C0F

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

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