#C72826

#C72826

Color Values

HEX

#C72826

RGB

199, 40, 38

HSL

0.7, 67.9%, 46.5%

HSV

0.7, 80.9%, 78.0%

CMYK

0.0%, 79.9%, 80.9%, 22.0%

OKLCH

0.5402 0.1949 27.3

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#C72826

#26C5C7

Analogous

#C72675

#C77826

#C72826

Triadic

#C72826

#26C728

#2826C7

Split Complementary

#C72826

#26C778

#2675C7

Tetradic

#C72826

#75C726

#26C5C7

#7826C7

Color Blindness Simulation

Original

#C72826

Protanopia

#828126

Deuteranopia

#8B9727

Tritanopia

#BF2727

Achromatopsia

#4A4A4A

CSS Usage

background-color: #C72826;
color: #C72826;
border-color: #C72826;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F4C4C3
300
#EB9998
400
#E16261
500
#D62B29
600
#AB2221
700
#891B1A
800
#6B1514
900
#4E1413
950
#310C0C

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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