#CF2A20

#CF2A20

Color Values

HEX

#CF2A20

RGB

207, 42, 32

HSL

3.4, 73.2%, 46.9%

HSV

3.4, 84.5%, 81.2%

CMYK

0.0%, 79.7%, 84.5%, 18.8%

OKLCH

0.5556 0.2016 29.0

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#CF2A20

#20C5CF

Analogous

#CF206E

#CF8220

#CF2A20

Triadic

#CF2A20

#20CF2A

#2A20CF

Split Complementary

#CF2A20

#20CF82

#206ECF

Tetradic

#CF2A20

#6ECF20

#20C5CF

#8220CF

Color Blindness Simulation

Original

#CF2A20

Protanopia

#888622

Deuteranopia

#919D23

Tritanopia

#C72425

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F5C4C1
300
#EF9A95
400
#E6635C
500
#DD2D22
600
#B1241B
700
#8D1D16
800
#6E1611
900
#501411
950
#330D0A

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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