#CF99AD

#CF99AD

Color Values

HEX

#CF99AD

RGB

207, 153, 173

HSL

337.8, 36.0%, 70.6%

HSV

337.8, 26.1%, 81.2%

CMYK

0.0%, 26.1%, 16.4%, 18.8%

OKLCH

0.74 0.0694 354.9

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#CF99AD

#99CFBB

Analogous

#CF99C8

#CFA099

#CF99AD

Triadic

#CF99AD

#ADCF99

#99ADCF

Split Complementary

#CF99AD

#99CFA0

#99C8CF

Tetradic

#CF99AD

#C8CF99

#99CFBB

#A099CF

Color Blindness Simulation

Original

#CF99AD

Protanopia

#B8B7A8

Deuteranopia

#BBBFA7

Tritanopia

#CCA4A4

Achromatopsia

#A6A6A6

CSS Usage

background-color: #CF99AD;
color: #CF99AD;
border-color: #CF99AD;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CED8
300
#D8ACBC
400
#C37F98
500
#AD5274
600
#8B415C
700
#6F344A
800
#57293A
900
#40212C
950
#29151C

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026