#D3612C

#D3612C

Color Values

HEX

#D3612C

RGB

211, 97, 44

HSL

19.0, 65.5%, 50.0%

HSV

19.0, 79.1%, 82.7%

CMYK

0.0%, 54.0%, 79.1%, 17.3%

OKLCH

0.6247 0.1581 43.1

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#D3612C

#2C9ED3

Analogous

#D32C4B

#D3B42C

#D3612C

Triadic

#D3612C

#2CD361

#612CD3

Split Complementary

#D3612C

#2CD3B4

#2C4BD3

Tetradic

#D3612C

#4BD32C

#2C9ED3

#B42CD3

Color Blindness Simulation

Original

#D3612C

Protanopia

#A2A139

Deuteranopia

#A8B13C

Tritanopia

#CD4345

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F7EAE3
200
#F3D3C4
300
#EAB39A
400
#DE8A63
500
#D3612C
600
#A94E23
700
#873E1C
800
#6A3016
900
#4D2614
950
#31180D

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026