#CF463E

#CF463E

Color Values

HEX

#CF463E

RGB

207, 70, 62

HSL

3.3, 60.2%, 52.7%

HSV

3.3, 70.0%, 81.2%

CMYK

0.0%, 66.2%, 70.0%, 18.8%

OKLCH

0.5851 0.1744 27.2

Properties

Warm Light Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#CF463E

#3EC7CF

Analogous

#CF3E7E

#CF8E3E

#CF463E

Triadic

#CF463E

#3ECF46

#463ECF

Split Complementary

#CF463E

#3ECF8E

#3E7ECF

Tetradic

#CF463E

#7ECF3E

#3EC7CF

#8E3ECF

Color Blindness Simulation

Original

#CF463E

Protanopia

#949240

Deuteranopia

#9CA640

Tritanopia

#C84142

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C8C6
300
#E7A19D
400
#D96E68
500
#CC3B33
600
#A32F29
700
#832620
800
#661E19
900
#4B1916
950
#2F100E

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass 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