#C50ACA

#C50ACA

Color Values

HEX

#C50ACA

RGB

197, 10, 202

HSL

298,4, 90,6%, 41,6%

HSV

298,4, 95,0%, 79,2%

CMYK

2,5%, 95,0%, 0,0%, 20,8%

OKLCH

0,5829 0,2661 327,0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C50ACA

#0FCA0A

Analogous

#650ACA

#CA0A6F

#C50ACA

Triadic

#C50ACA

#CAC50A

#0ACAC5

Split Complementary

#C50ACA

#6FCA0A

#0ACA65

Tetradic

#C50ACA

#CA650A

#0FCA0A

#0A6FCA

Color Blindness Simulation

Original

#C50ACA

Protanopia

#74729C

Deuteranopia

#7F8D90

Tritanopia

#BC776F

Achromatopsia

#404040

CSS Usage

background-color: #C50ACA;
color: #C50ACA;
border-color: #C50ACA;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABBFC
300
#F68AF9
400
#F24BF6
500
#ED0CF3
600
#BD0AC2
700
#98089C
800
#76067A
900
#560958
950
#360638

Contrast Checker

Text on white

4,92:1

AA Pass AAA Fail

Text on black

4,27:1

AA Fail AAA Fail

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