#CF3628

#CF3628

Color Values

HEX

#CF3628

RGB

207, 54, 40

HSL

5.0, 67.6%, 48.4%

HSV

5.0, 80.7%, 81.2%

CMYK

0.0%, 73.9%, 80.7%, 18.8%

OKLCH

0.5661 0.1919 29.6

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#CF3628

#28C1CF

Analogous

#CF286E

#CF8928

#CF3628

Triadic

#CF3628

#28CF36

#3628CF

Split Complementary

#CF3628

#28CF89

#286ECF

Tetradic

#CF3628

#6ECF28

#28C1CF

#8928CF

Color Blindness Simulation

Original

#CF3628

Protanopia

#8D8B2B

Deuteranopia

#96A12C

Tritanopia

#C72E2F

Achromatopsia

#565656

CSS Usage

background-color: #CF3628;
color: #CF3628;
border-color: #CF3628;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C7C3
300
#EB9F98
400
#E06B61
500
#D63829
600
#AB2D21
700
#89241A
800
#6B1C15
900
#4E1813
950
#310F0C

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

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