#CF393A

#CF393A

Color Values

HEX

#CF393A

RGB

207, 57, 58

HSL

359.6, 61.0%, 51.8%

HSV

359.6, 72.5%, 81.2%

CMYK

0.0%, 72.5%, 72.0%, 18.8%

OKLCH

0.571 0.187 25.1

Properties

Warm Dark Nearest: RAL 3028 Pure Red

Color Harmonies

Complementary

#CF393A

#39CFCE

Analogous

#CF3985

#CF8339

#CF393A

Triadic

#CF393A

#3ACF39

#393ACF

Split Complementary

#CF393A

#39CF83

#3985CF

Tetradic

#CF393A

#85CF39

#39CFCE

#8339CF

Color Blindness Simulation

Original

#CF393A

Protanopia

#8E8D3A

Deuteranopia

#97A23A

Tritanopia

#C73A3A

Achromatopsia

#595959

CSS Usage

background-color: #CF393A;
color: #CF393A;
border-color: #CF393A;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FBF3F3
100
#F6E4E4
200
#F1C6C6
300
#E79C9D
400
#DA6768
500
#CD3233
600
#A42829
700
#832020
800
#671919
900
#4B1616
950
#2F0E0E

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

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