#CE413F

#CE413F

Color Values

HEX

#CE413F

RGB

206, 65, 63

HSL

0.8, 59.3%, 52.7%

HSV

0.8, 69.4%, 80.8%

CMYK

0.0%, 68.4%, 69.4%, 19.2%

OKLCH

0.5781 0.1781 25.3

Properties

Warm Dark Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#CE413F

#3FCCCE

Analogous

#CE3F84

#CE883F

#CE413F

Triadic

#CE413F

#3FCE41

#413FCE

Split Complementary

#CE413F

#3FCE88

#3F84CE

Tetradic

#CE413F

#84CE3F

#3FCCCE

#883FCE

Color Blindness Simulation

Original

#CE413F

Protanopia

#91903F

Deuteranopia

#99A440

Tritanopia

#C74040

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E4E4
200
#F0C7C6
300
#E69E9E
400
#D96A69
500
#CB3634
600
#A22B2A
700
#822321
800
#661B1A
900
#4A1717
950
#2F0F0E

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026