#722C24

#722C24

Color Values

HEX

#722C24

RGB

114, 44, 36

HSL

6.2, 52.0%, 29.4%

HSV

6.2, 68.4%, 44.7%

CMYK

0.0%, 61.4%, 68.4%, 55.3%

OKLCH

0.392 0.1009 29.0

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#722C24

#246A72

Analogous

#722443

#725324

#722C24

Triadic

#722C24

#24722C

#2C2472

Split Complementary

#722C24

#247253

#244372

Tetradic

#722C24

#437224

#246A72

#532472

Color Blindness Simulation

Original

#722C24

Protanopia

#545326

Deuteranopia

#585D26

Tritanopia

#6E2728

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EECDC9
300
#E2A9A2
400
#D27A70
500
#C24B3D
600
#9B3C31
700
#7C3027
800
#61251F
900
#471E1A
950
#2D1310

Contrast Checker

Text on white

9.99:1

AA Pass AAA Pass

Text on black

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