#CF9AC3

#CF9AC3

Color Values

HEX

#CF9AC3

RGB

207, 154, 195

HSL

313.6, 35.6%, 70.8%

HSV

313.6, 25.6%, 81.2%

CMYK

0.0%, 25.6%, 5.8%, 18.8%

OKLCH

0.749 0.0832 334.6

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#CF9AC3

#9ACFA6

Analogous

#C19ACF

#CF9AA9

#CF9AC3

Triadic

#CF9AC3

#C3CF9A

#9AC3CF

Split Complementary

#CF9AC3

#A9CF9A

#9ACFC1

Tetradic

#CF9AC3

#CFC19A

#9ACFA6

#9AA9CF

Color Blindness Simulation

Original

#CF9AC3

Protanopia

#B8B8B9

Deuteranopia

#BBBFB7

Tritanopia

#CCB1B0

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F0
200
#E8CFE2
300
#D8ACCE
400
#C27FB3
500
#AD5298
600
#8A427A
700
#6F3561
800
#56294C
900
#402139
950
#281524

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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