#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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026