#CE313F

#CE313F

Color Values

HEX

#CE313F

RGB

206, 49, 63

HSL

354,6, 61,6%, 50,0%

HSV

354,6, 76,2%, 80,8%

CMYK

0,0%, 76,2%, 69,4%, 19,2%

OKLCH

0,5629 0,1924 21,6

Properties

Warm Dark Nearest: RAL 3027 Raspberry Red

Color Harmonies

Complementary

#CE313F

#31CEC0

Analogous

#CE318E

#CE7131

#CE313F

Triadic

#CE313F

#3FCE31

#313FCE

Split Complementary

#CE313F

#31CE71

#318ECE

Tetradic

#CE313F

#8ECE31

#31CEC0

#7131CE

Color Blindness Simulation

Original

#CE313F

Protanopia

#8A893C

Deuteranopia

#939F3B

Tritanopia

#C63938

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E5
200
#F1C5C9
300
#E79CA3
400
#DB6771
500
#CE313F
600
#A52732
700
#841F28
800
#671820
900
#4B161A
950
#300E11

Contrast Checker

Text on white

5,08: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