#CE3143

#CE3143

Color Values

HEX

#CE3143

RGB

206, 49, 67

HSL

353.1, 61.6%, 50.0%

HSV

353.1, 76.2%, 80.8%

CMYK

0.0%, 76.2%, 67.5%, 19.2%

OKLCH

0.5636 0.1921 20.2

Properties

Warm Dark Nearest: RAL 3027 Raspberry Red

Color Harmonies

Complementary

#CE3143

#31CEBC

Analogous

#CE3192

#CE6D31

#CE3143

Triadic

#CE3143

#43CE31

#3143CE

Split Complementary

#CE3143

#31CE6D

#3192CE

Tetradic

#CE3143

#92CE31

#31CEBC

#6D31CE

Color Blindness Simulation

Original

#CE3143

Protanopia

#8A893F

Deuteranopia

#939F3E

Tritanopia

#C63B3A

Achromatopsia

#545454

CSS Usage

background-color: #CE3143;
color: #CE3143;
border-color: #CE3143;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FBF3F4
100
#F6E4E6
200
#F1C5CA
300
#E79CA5
400
#DB6774
500
#CE3143
600
#A52736
700
#841F2B
800
#671822
900
#4B161C
950
#300E12

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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