#D86C27

#D86C27

Color Values

HEX

#D86C27

RGB

216, 108, 39

HSL

23.4, 69.4%, 50.0%

HSV

23.4, 81.9%, 84.7%

CMYK

0.0%, 50.0%, 81.9%, 15.3%

OKLCH

0.6481 0.1563 48.7

Properties

Warm Light Nearest: chocolate

Color Harmonies

Complementary

#D86C27

#2793D8

Analogous

#D8273A

#D8C527

#D86C27

Triadic

#D86C27

#27D86C

#6C27D8

Split Complementary

#D86C27

#27D8C5

#273AD8

Tetradic

#D86C27

#3AD827

#2793D8

#C527D8

Color Blindness Simulation

Original

#D86C27

Protanopia

#A9A838

Deuteranopia

#B0B83C

Tritanopia

#D34548

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F8EBE3
200
#F4D6C3
300
#ECB897
400
#E2925F
500
#D86C27
600
#AD561F
700
#8A4519
800
#6C3614
900
#4F2A12
950
#321A0B

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.09:1

AA Pass 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