#AF551D

#AF551D

Color Values

HEX

#AF551D

RGB

175, 85, 29

HSL

23.0, 71.6%, 40.0%

HSV

23.0, 83.4%, 68.6%

CMYK

0.0%, 51.4%, 83.4%, 31.4%

OKLCH

0.5519 0.1347 48.1

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AF551D

#1D77AF

Analogous

#AF1D2E

#AF9E1D

#AF551D

Triadic

#AF551D

#1DAF55

#551DAF

Split Complementary

#AF551D

#1DAF9E

#1D2EAF

Tetradic

#AF551D

#2EAF1D

#1D77AF

#9E1DAF

Color Blindness Simulation

Original

#AF551D

Protanopia

#88872B

Deuteranopia

#8D942E

Tritanopia

#AA3538

Achromatopsia

#646464

CSS Usage

background-color: #AF551D;
color: #AF551D;
border-color: #AF551D;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FCF6F3
100
#F8EBE2
200
#F5D5C2
300
#EEB896
400
#E4915D
500
#DB6A24
600
#AF551D
700
#8C4417
800
#6D3512
900
#502911
950
#321A0B

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026