#712E2A

#712E2A

Color Values

HEX

#712E2A

RGB

113, 46, 42

HSL

3.4, 45.8%, 30.4%

HSV

3.4, 62.8%, 44.3%

CMYK

0.0%, 59.3%, 62.8%, 55.7%

OKLCH

0.3945 0.096 25.8

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#712E2A

#2A6D71

Analogous

#712A49

#71522A

#712E2A

Triadic

#712E2A

#2A712E

#2E2A71

Split Complementary

#712E2A

#2A7152

#2A4971

Tetradic

#712E2A

#49712A

#2A6D71

#522A71

Color Blindness Simulation

Original

#712E2A

Protanopia

#54532B

Deuteranopia

#585D2B

Tritanopia

#6E2C2C

Achromatopsia

#3C3C3C

CSS Usage

background-color: #712E2A;
color: #712E2A;
border-color: #712E2A;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCDCB
300
#DEA9A6
400
#CC7A75
500
#BA4C45
600
#953D37
700
#77302C
800
#5D2623
900
#441F1C
950
#2B1312

Contrast Checker

Text on white

9.88:1

AA Pass AAA Pass

Text on black

2.13:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026