#CF0E12

#CF0E12

Color Values

HEX

#CF0E12

RGB

207, 14, 18

HSL

358.8, 87.3%, 43.3%

HSV

358.8, 93.2%, 81.2%

CMYK

0.0%, 93.2%, 91.3%, 18.8%

OKLCH

0.5407 0.216 28.2

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#CF0E12

#0ECFCB

Analogous

#CF0E72

#CF6B0E

#CF0E12

Triadic

#CF0E12

#12CF0E

#0E12CF

Split Complementary

#CF0E12

#0ECF6B

#0E72CF

Tetradic

#CF0E12

#72CF0E

#0ECFCB

#6B0ECF

Color Blindness Simulation

Original

#CF0E12

Protanopia

#7B7A11

Deuteranopia

#879511

Tritanopia

#C51010

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABCBD
300
#F78C8F
400
#F34E52
500
#EF1015
600
#BF0D11
700
#990A0D
800
#77080A
900
#570A0C
950
#370708

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

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