#D12F27

#D12F27

Color Values

HEX

#D12F27

RGB

209, 47, 39

HSL

2.8, 68.5%, 48.6%

HSV

2.8, 81.3%, 82.0%

CMYK

0.0%, 77.5%, 81.3%, 18.0%

OKLCH

0.5636 0.1993 28.4

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#D12F27

#27C9D1

Analogous

#D12774

#D18427

#D12F27

Triadic

#D12F27

#27D12F

#2F27D1

Split Complementary

#D12F27

#27D184

#2774D1

Tetradic

#D12F27

#74D127

#27C9D1

#8427D1

Color Blindness Simulation

Original

#D12F27

Protanopia

#8B8929

Deuteranopia

#94A029

Tritanopia

#C92A2B

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E3
200
#F4C5C3
300
#EC9C98
400
#E16660
500
#D73028
600
#AC2720
700
#891F1A
800
#6B1814
900
#4E1513
950
#310D0C

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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