#712117

#712117

Color Values

HEX

#712117

RGB

113, 33, 23

HSL

6.7, 66.2%, 26.7%

HSV

6.7, 79.6%, 44.3%

CMYK

0.0%, 70.8%, 79.6%, 55.7%

OKLCH

0.3731 0.1146 30.3

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#712117

#176771

Analogous

#71173A

#714E17

#712117

Triadic

#712117

#177121

#211771

Split Complementary

#712117

#17714E

#173A71

Tetradic

#712117

#3A7117

#176771

#4E1771

Color Blindness Simulation

Original

#712117

Protanopia

#4E4E19

Deuteranopia

#53591A

Tritanopia

#6D1B1C

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C9C4
300
#EAA299
400
#DF7062
500
#D43E2B
600
#AA3222
700
#88281C
800
#6A1F16
900
#4D1A14
950
#31100C

Contrast Checker

Text on white

10.87:1

AA Pass AAA Pass

Text on black

1.93:1

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