#D36C2C

#D36C2C

Color Values

HEX

#D36C2C

RGB

211, 108, 44

HSL

23.0, 65.5%, 50.0%

HSV

23.0, 79.1%, 82.7%

CMYK

0.0%, 48.8%, 79.1%, 17.3%

OKLCH

0.6415 0.1497 48.8

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#D36C2C

#2C93D3

Analogous

#D32C3F

#D3C02C

#D36C2C

Triadic

#D36C2C

#2CD36C

#6C2CD3

Split Complementary

#D36C2C

#2CD3C0

#2C3FD3

Tetradic

#D36C2C

#3FD32C

#2C93D3

#C02CD3

Color Blindness Simulation

Original

#D36C2C

Protanopia

#A6A63B

Deuteranopia

#ACB43F

Tritanopia

#CE484A

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F7EBE3
200
#F3D6C4
300
#EAB89A
400
#DE9263
500
#D36C2C
600
#A95623
700
#87451C
800
#6A3616
900
#4D2A14
950
#311A0D

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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