#D44D51

#D44D51

Color Values

HEX

#D44D51

RGB

212, 77, 81

HSL

358.2, 61.1%, 56.7%

HSV

358.2, 63.7%, 83.1%

CMYK

0.0%, 63.7%, 61.8%, 16.9%

OKLCH

0.6044 0.1702 22.1

Properties

Warm Light Nearest: Mahogany

Color Harmonies

Complementary

#D44D51

#4DD4D0

Analogous

#D44D95

#D48D4D

#D44D51

Triadic

#D44D51

#51D44D

#4D51D4

Split Complementary

#D44D51

#4DD48D

#4D95D4

Tetradic

#D44D51

#95D44D

#4DD4D0

#8D4DD4

Color Blindness Simulation

Original

#D44D51

Protanopia

#9A9850

Deuteranopia

#A1AB50

Tritanopia

#CD4F4F

Achromatopsia

#6A6A6A

CSS Usage

background-color: #D44D51;
color: #D44D51;
border-color: #D44D51;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF3F4
100
#F6E4E4
200
#F1C5C7
300
#E79C9F
400
#DA676A
500
#CD3236
600
#A4282B
700
#832023
800
#67191B
900
#4B1617
950
#2F0E0F

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

4.98:1

AA Pass 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