#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026