#CF2A81

#CF2A81

Color Values

HEX

#CF2A81

RGB

207, 42, 129

HSL

328.4, 66.3%, 48.8%

HSV

328.4, 79.7%, 81.2%

CMYK

0.0%, 79.7%, 37.7%, 18.8%

OKLCH

0.5764 0.2105 354.3

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#CF2A81

#2ACF78

Analogous

#CB2ACF

#CF2A2E

#CF2A81

Triadic

#CF2A81

#81CF2A

#2A81CF

Split Complementary

#CF2A81

#2ECF2A

#2ACFCB

Tetradic

#CF2A81

#CFCB2A

#2ACF78

#2A2ECF

Color Blindness Simulation

Original

#CF2A81

Protanopia

#88866C

Deuteranopia

#919D67

Tritanopia

#C75B58

Achromatopsia

#535353

CSS Usage

background-color: #CF2A81;
color: #CF2A81;
border-color: #CF2A81;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F3C4DD
300
#EA99C4
400
#DF62A4
500
#D42B84
600
#AA226A
700
#881B54
800
#6A1542
900
#4D1432
950
#310C20

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

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