#C980CD

#C980CD

Color Values

HEX

#C980CD

RGB

201, 128, 205

HSL

296,9, 43,5%, 65,3%

HSV

296,9, 37,6%, 80,4%

CMYK

2,0%, 37,6%, 0,0%, 19,6%

OKLCH

0,7021 0,135 325,1

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C980CD

#84CD80

Analogous

#A380CD

#CD80AA

#C980CD

Triadic

#C980CD

#CDC980

#80CDC9

Split Complementary

#C980CD

#AACD80

#80CDA3

Tetradic

#C980CD

#CDA380

#84CD80

#80AACD

Color Blindness Simulation

Original

#C980CD

Protanopia

#A9A9BA

Deuteranopia

#AEB3B6

Tritanopia

#C5ACA8

Achromatopsia

#959595

CSS Usage

background-color: #C980CD;
color: #C980CD;
border-color: #C980CD;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF5FA
100
#F3E7F4
200
#E9CCEB
300
#DAA7DC
400
#C578CA
500
#B148B7
600
#8E3A92
700
#712E75
800
#59245B
900
#411D43
950
#29132B

Contrast Checker

Text on white

2,82:1

AA Fail AAA Fail

Text on black

7,45:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026