#722C28

#722C28

Color Values

HEX

#722C28

RGB

114, 44, 40

HSL

3.2, 48.1%, 30.2%

HSV

3.2, 64.9%, 44.7%

CMYK

0.0%, 61.4%, 64.9%, 55.3%

OKLCH

0.3928 0.1001 26.0

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#722C28

#286E72

Analogous

#722849

#725128

#722C28

Triadic

#722C28

#28722C

#2C2872

Split Complementary

#722C28

#287251

#284972

Tetradic

#722C28

#497228

#286E72

#512872

Color Blindness Simulation

Original

#722C28

Protanopia

#545329

Deuteranopia

#585D29

Tritanopia

#6E2A2A

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCCCA
300
#DFA8A4
400
#CE7873
500
#BD4942
600
#973A35
700
#792F2A
800
#5E2421
900
#451E1B
950
#2C1311

Contrast Checker

Text on white

9.97:1

AA Pass AAA Pass

Text on black

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