#D54142

#D54142

Color Values

HEX

#D54142

RGB

213, 65, 66

HSL

359.6, 63.8%, 54.5%

HSV

359.6, 69.5%, 83.5%

CMYK

0.0%, 69.5%, 69.0%, 16.5%

OKLCH

0.5902 0.1849 24.5

Properties

Warm Light Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#D54142

#41D5D4

Analogous

#D5418C

#D58A41

#D54142

Triadic

#D54142

#42D541

#4142D5

Split Complementary

#D54142

#41D58A

#418CD5

Tetradic

#D54142

#8CD541

#41D5D4

#8A41D5

Color Blindness Simulation

Original

#D54142

Protanopia

#959442

Deuteranopia

#9EA942

Tritanopia

#CE4242

Achromatopsia

#616161

CSS Usage

background-color: #D54142;
color: #D54142;
border-color: #D54142;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FBF3F3
100
#F7E3E4
200
#F2C5C5
300
#E99B9B
400
#DD6465
500
#D12E2F
600
#A72526
700
#861E1E
800
#681718
900
#4C1515
950
#300D0D

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

4.66:1

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