#CF74A4

#CF74A4

Color Values

HEX

#CF74A4

RGB

207, 116, 164

HSL

328.4, 48.7%, 63.3%

HSV

328.4, 44.0%, 81.2%

CMYK

0.0%, 44.0%, 20.8%, 18.8%

OKLCH

0.6741 0.1273 348.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CF74A4

#74CF9F

Analogous

#CD74CF

#CF7476

#CF74A4

Triadic

#CF74A4

#A4CF74

#74A4CF

Split Complementary

#CF74A4

#76CF74

#74CFCD

Tetradic

#CF74A4

#CFCD74

#74CF9F

#7476CF

Color Blindness Simulation

Original

#CF74A4

Protanopia

#A8A798

Deuteranopia

#ADB496

Tritanopia

#CA8F8D

Achromatopsia

#8B8B8B

CSS Usage

background-color: #CF74A4;
color: #CF74A4;
border-color: #CF74A4;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDCADC
300
#E0A4C3
400
#CF73A3
500
#BE4183
600
#983469
700
#792A54
800
#5F2141
900
#461B32
950
#2C111F

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.69:1

AA Pass 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