#CF303B

#CF303B

Color Values

HEX

#CF303B

RGB

207, 48, 59

HSL

355.8, 62.4%, 50.0%

HSV

355.8, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 71.5%, 18.8%

OKLCH

0.5632 0.1944 22.8

Properties

Warm Dark Nearest: RAL 3028 Pure Red

Color Harmonies

Complementary

#CF303B

#30CFC4

Analogous

#CF308B

#CF7430

#CF303B

Triadic

#CF303B

#3BCF30

#303BCF

Split Complementary

#CF303B

#30CF74

#308BCF

Tetradic

#CF303B

#8BCF30

#30CFC4

#7430CF

Color Blindness Simulation

Original

#CF303B

Protanopia

#8A8938

Deuteranopia

#939F38

Tritanopia

#C73636

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F7E4E5
200
#F2C5C8
300
#E89CA1
400
#DC666E
500
#CF303B
600
#A6262F
700
#851F26
800
#68181E
900
#4C1519
950
#300D10

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