#CF73A9

#CF73A9

Color Values

HEX

#CF73A9

RGB

207, 115, 169

HSL

324.8, 48.9%, 63.1%

HSV

324.8, 44.4%, 81.2%

CMYK

0.0%, 44.4%, 18.4%, 18.8%

OKLCH

0.6744 0.1322 345.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CF73A9

#73CF99

Analogous

#C773CF

#CF737B

#CF73A9

Triadic

#CF73A9

#A9CF73

#73A9CF

Split Complementary

#CF73A9

#7BCF73

#73CFC7

Tetradic

#CF73A9

#CFC773

#73CF99

#737BCF

Color Blindness Simulation

Original

#CF73A9

Protanopia

#A7A69C

Deuteranopia

#ACB399

Tritanopia

#CA928F

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDCADE
300
#E0A4C7
400
#CF73A9
500
#BE418A
600
#98346F
700
#7A2A59
800
#5F2145
900
#461B34
950
#2C1121

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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