#C950BC

#C950BC

Color Values

HEX

#C950BC

RGB

201, 80, 188

HSL

306,4, 52,8%, 55,1%

HSV

306,4, 60,2%, 78,8%

CMYK

0,0%, 60,2%, 6,5%, 21,2%

OKLCH

0,6273 0,1976 332,1

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C950BC

#50C95D

Analogous

#9950C9

#C95080

#C950BC

Triadic

#C950BC

#BCC950

#50BCC9

Split Complementary

#C950BC

#80C950

#50C999

Tetradic

#C950BC

#C99950

#50C95D

#5080C9

Color Blindness Simulation

Original

#C950BC

Protanopia

#9594A2

Deuteranopia

#9CA59C

Tritanopia

#C38D89

Achromatopsia

#727272

CSS Usage

background-color: #C950BC;
color: #C950BC;
border-color: #C950BC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC8EA
300
#E2A1DB
400
#D26FC8
500
#C33CB4
600
#9C3090
700
#7D2773
800
#611E5A
900
#471943
950
#2D102A

Contrast Checker

Text on white

3,92:1

AA Fail AAA Fail

Text on black

5,36: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