#CF96D1

#CF96D1

Color Values

HEX

#CF96D1

RGB

207, 150, 209

HSL

298.0, 39.1%, 70.4%

HSV

298.0, 28.2%, 82.0%

CMYK

1.0%, 28.2%, 0.0%, 18.0%

OKLCH

0.7471 0.104 325.4

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#CF96D1

#98D196

Analogous

#B296D1

#D196B5

#CF96D1

Triadic

#CF96D1

#D1CF96

#96D1CF

Split Complementary

#CF96D1

#B5D196

#96D1B2

Tetradic

#CF96D1

#D1B296

#98D196

#96B5D1

Color Blindness Simulation

Original

#CF96D1

Protanopia

#B6B6C3

Deuteranopia

#BABEBF

Tritanopia

#CCB7B5

Achromatopsia

#A6A6A6

CSS Usage

background-color: #CF96D1;
color: #CF96D1;
border-color: #CF96D1;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E8CDE9
300
#D8AADA
400
#C37CC6
500
#AE4EB1
600
#8B3E8E
700
#6F3272
800
#572759
900
#401F41
950
#291429

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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