#CF0A12

#CF0A12

Color Values

HEX

#CF0A12

RGB

207, 10, 18

HSL

357.6, 90.8%, 42.5%

HSV

357.6, 95.2%, 81.2%

CMYK

0.0%, 95.2%, 91.3%, 18.8%

OKLCH

0.5396 0.217 28.0

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#CF0A12

#0ACFC7

Analogous

#CF0A74

#CF650A

#CF0A12

Triadic

#CF0A12

#12CF0A

#0A12CF

Split Complementary

#CF0A12

#0ACF65

#0A74CF

Tetradic

#CF0A12

#74CF0A

#0ACFC7

#650ACF

Color Blindness Simulation

Original

#CF0A12

Protanopia

#7A7810

Deuteranopia

#859410

Tritanopia

#C50F0E

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBBBD
300
#F98A8F
400
#F64B52
500
#F30C15
600
#C30911
700
#9C080D
800
#7A060A
900
#58090C
950
#380608

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026