#CF7DA6

#CF7DA6

Color Values

HEX

#CF7DA6

RGB

207, 125, 166

HSL

330.0, 46.1%, 65.1%

HSV

330.0, 39.6%, 81.2%

CMYK

0.0%, 39.6%, 19.8%, 18.8%

OKLCH

0.6892 0.1132 349.1

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CF7DA6

#7DCFA6

Analogous

#CF7DCF

#CF7D7D

#CF7DA6

Triadic

#CF7DA6

#A6CF7D

#7DA6CF

Split Complementary

#CF7DA6

#7DCF7D

#7DCFCF

Tetradic

#CF7DA6

#CFCF7D

#7DCFA6

#7D7DCF

Color Blindness Simulation

Original

#CF7DA6

Protanopia

#ABAB9C

Deuteranopia

#B0B69A

Tritanopia

#CB9493

Achromatopsia

#919191

CSS Usage

background-color: #CF7DA6;
color: #CF7DA6;
border-color: #CF7DA6;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDB
300
#DEA6C2
400
#CC75A1
500
#BA4580
600
#953766
700
#772C52
800
#5D2240
900
#451C30
950
#2B121F

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.14:1

AA Pass AAA Pass

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