#C968C0

#C968C0

Color Values

HEX

#C968C0

RGB

201, 104, 192

HSL

305.6, 47.3%, 59.8%

HSV

305.6, 48.3%, 78.8%

CMYK

0.0%, 48.3%, 4.5%, 21.2%

OKLCH

0.66 0.1639 330.8

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C968C0

#68C971

Analogous

#A268C9

#C9688F

#C968C0

Triadic

#C968C0

#C0C968

#68C0C9

Split Complementary

#C968C0

#8FC968

#68C9A2

Tetradic

#C968C0

#C9A268

#68C971

#688FC9

Color Blindness Simulation

Original

#C968C0

Protanopia

#9F9EAB

Deuteranopia

#A5ACA6

Tritanopia

#C49A96

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCAE9
300
#DFA5D9
400
#CD74C5
500
#BC43B1
600
#96368D
700
#782B71
800
#5E2258
900
#451C41
950
#2C1229

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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