#711F18

#711F18

Color Values

HEX

#711F18

RGB

113, 31, 24

HSL

4.7, 65.0%, 26.9%

HSV

4.7, 78.8%, 44.3%

CMYK

0.0%, 72.6%, 78.8%, 55.7%

OKLCH

0.3708 0.1164 28.8

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#711F18

#186A71

Analogous

#71183E

#714C18

#711F18

Triadic

#711F18

#18711F

#1F1871

Split Complementary

#711F18

#18714C

#183E71

Tetradic

#711F18

#3E7118

#186A71

#4C1871

Color Blindness Simulation

Original

#711F18

Protanopia

#4D4D1A

Deuteranopia

#52581A

Tritanopia

#6D1B1B

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C8C4
300
#EAA09A
400
#DE6D63
500
#D23A2D
600
#A82E24
700
#87251D
800
#691D16
900
#4D1914
950
#31100D

Contrast Checker

Text on white

10.99:1

AA Pass AAA Pass

Text on black

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