#CF2980

#CF2980

Color Values

HEX

#CF2980

RGB

207, 41, 128

HSL

328,6, 66,9%, 48,6%

HSV

328,6, 80,2%, 81,2%

CMYK

0,0%, 80,2%, 38,2%, 18,8%

OKLCH

0,5754 0,211 354,6

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#CF2980

#29CF78

Analogous

#CB29CF

#CF292D

#CF2980

Triadic

#CF2980

#80CF29

#2980CF

Split Complementary

#CF2980

#2DCF29

#29CFCB

Tetradic

#CF2980

#CFCB29

#29CF78

#292DCF

Color Blindness Simulation

Original

#CF2980

Protanopia

#87866B

Deuteranopia

#919D66

Tritanopia

#C75A57

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F3C3DC
300
#EB99C4
400
#E062A4
500
#D52A83
600
#AA2269
700
#881B54
800
#6A1542
900
#4E1332
950
#310C1F

Contrast Checker

Text on white

4,9:1

AA Pass AAA Fail

Text on black

4,28: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