#D72C30

#D72C30

Color Values

HEX

#D72C30

RGB

215, 44, 48

HSL

358.6, 68.1%, 50.8%

HSV

358.6, 79.5%, 84.3%

CMYK

0.0%, 79.5%, 77.7%, 15.7%

OKLCH

0.573 0.2059 25.7

Properties

Warm Dark Nearest: RAL 3018 Strawberry Red

Color Harmonies

Complementary

#D72C30

#2CD7D3

Analogous

#D72C86

#D77E2C

#D72C30

Triadic

#D72C30

#30D72C

#2C30D7

Split Complementary

#D72C30

#2CD77E

#2C86D7

Tetradic

#D72C30

#86D72C

#2CD7D3

#7E2CD7

Color Blindness Simulation

Original

#D72C30

Protanopia

#8D8B2F

Deuteranopia

#97A42F

Tritanopia

#CE2E2E

Achromatopsia

#515151

CSS Usage

background-color: #D72C30;
color: #D72C30;
border-color: #D72C30;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F4C3C4
300
#EB989A
400
#E16063
500
#D6292D
600
#AB2124
700
#891A1D
800
#6B1416
900
#4E1314
950
#310C0D

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026