#CF2874

#CF2874

Color Values

HEX

#CF2874

RGB

207, 40, 116

HSL

332.7, 67.6%, 48.4%

HSV

332.7, 80.7%, 81.2%

CMYK

0.0%, 80.7%, 44.0%, 18.8%

OKLCH

0.5707 0.2073 359.4

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#CF2874

#28CF83

Analogous

#CF28C7

#CF2F28

#CF2874

Triadic

#CF2874

#74CF28

#2874CF

Split Complementary

#CF2874

#28CF2F

#28C7CF

Tetradic

#CF2874

#C7CF28

#28CF83

#2F28CF

Color Blindness Simulation

Original

#CF2874

Protanopia

#878562

Deuteranopia

#909D5D

Tritanopia

#C75350

Achromatopsia

#515151

CSS Usage

background-color: #CF2874;
color: #CF2874;
border-color: #CF2874;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C3D9
300
#EB98BE
400
#E0619B
500
#D62978
600
#AB2160
700
#891A4D
800
#6B153C
900
#4E132E
950
#310C1D

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

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