#722128

#722128

Color Values

HEX

#722128

RGB

114, 33, 40

HSL

354.8, 55.1%, 28.8%

HSV

354.8, 71.1%, 44.7%

CMYK

0.0%, 71.1%, 64.9%, 55.3%

OKLCH

0.3779 0.1134 19.6

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#722128

#21726B

Analogous

#722150

#724221

#722128

Triadic

#722128

#287221

#212872

Split Complementary

#722128

#217242

#215072

Tetradic

#722128

#507221

#21726B

#422172

Color Blindness Simulation

Original

#722128

Protanopia

#4F4E26

Deuteranopia

#545A26

Tritanopia

#6E2525

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E6
200
#EFC8CB
300
#E4A0A6
400
#D56D76
500
#C63945
600
#9E2E38
700
#7F252C
800
#631D23
900
#48181D
950
#2E0F12

Contrast Checker

Text on white

10.69:1

AA Pass AAA Pass

Text on black

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