#CF76AC

#CF76AC

Color Values

HEX

#CF76AC

RGB

207, 118, 172

HSL

323,6, 48,1%, 63,7%

HSV

323,6, 43,0%, 81,2%

CMYK

0,0%, 43,0%, 16,9%, 18,8%

OKLCH

0,6801 0,129 343,9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CF76AC

#76CF99

Analogous

#C576CF

#CF767F

#CF76AC

Triadic

#CF76AC

#ACCF76

#76ACCF

Split Complementary

#CF76AC

#7FCF76

#76CFC5

Tetradic

#CF76AC

#CFC576

#76CF99

#767FCF

Color Blindness Simulation

Original

#CF76AC

Protanopia

#A8A89F

Deuteranopia

#AEB49C

Tritanopia

#CB9592

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#ECCADF
300
#DFA4C8
400
#CE73AA
500
#BD428D
600
#973570
700
#792A5A
800
#5E2146
900
#451B35
950
#2C1121

Contrast Checker

Text on white

3,07:1

AA Fail AAA Fail

Text on black

6,84: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