#D12425

#D12425

Color Values

HEX

#D12425

RGB

209, 36, 37

HSL

359.7, 70.6%, 48.0%

HSV

359.7, 82.8%, 82.0%

CMYK

0.0%, 82.8%, 82.3%, 18.0%

OKLCH

0.5557 0.2066 27.1

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#D12425

#24D1D0

Analogous

#D1247B

#D17A24

#D12425

Triadic

#D12425

#25D124

#2425D1

Split Complementary

#D12425

#24D17A

#247BD1

Tetradic

#D12425

#7BD124

#24D1D0

#7A24D1

Color Blindness Simulation

Original

#D12425

Protanopia

#868525

Deuteranopia

#909D25

Tritanopia

#C82525

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E3
200
#F5C2C2
300
#ED9797
400
#E35E5F
500
#DA2526
600
#AE1E1F
700
#8B1819
800
#6D1313
900
#4F1212
950
#320B0B

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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