#C96CC1

#C96CC1

Color Values

HEX

#C96CC1

RGB

201, 108, 193

HSL

305.2, 46.3%, 60.6%

HSV

305.2, 46.3%, 78.8%

CMYK

0.0%, 46.3%, 4.0%, 21.2%

OKLCH

0.6662 0.1581 330.4

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C96CC1

#6CC974

Analogous

#A36CC9

#C96C92

#C96CC1

Triadic

#C96CC1

#C1C96C

#6CC1C9

Split Complementary

#C96CC1

#92C96C

#6CC9A3

Tetradic

#C96CC1

#C9A36C

#6CC974

#6C92C9

Color Blindness Simulation

Original

#C96CC1

Protanopia

#A1A0AC

Deuteranopia

#A6ADA8

Tritanopia

#C49C99

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE9
300
#DEA5D9
400
#CC75C5
500
#BB44B0
600
#95378D
700
#772C71
800
#5D2258
900
#451C41
950
#2B1229

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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