#AF640E

#AF640E

Color Values

HEX

#AF640E

RGB

175, 100, 14

HSL

32.0, 85.2%, 37.1%

HSV

32.0, 92.0%, 68.6%

CMYK

0.0%, 42.9%, 92.0%, 31.4%

OKLCH

0.5765 0.1297 60.8

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#AF640E

#0E59AF

Analogous

#AF130E

#AAAF0E

#AF640E

Triadic

#AF640E

#0EAF64

#640EAF

Split Complementary

#AF640E

#0EAAAF

#130EAF

Tetradic

#AF640E

#0EAF13

#0E59AF

#AF0EAA

Color Blindness Simulation

Original

#AF640E

Protanopia

#8F8E23

Deuteranopia

#939828

Tritanopia

#AB3337

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADDBD
300
#F6C58E
400
#F1A650
500
#EC8713
600
#BD6C0F
700
#97560C
800
#764309
900
#56330B
950
#362007

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.65:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026