#C018C2

#C018C2

Color Values

HEX

#C018C2

RGB

192, 24, 194

HSL

299,3, 78,0%, 42,7%

HSV

299,3, 87,6%, 76,1%

CMYK

1,0%, 87,6%, 0,0%, 23,9%

OKLCH

0,5742 0,2535 327,7

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C018C2

#1AC218

Analogous

#6B18C2

#C2186F

#C018C2

Triadic

#C018C2

#C2C018

#18C2C0

Split Complementary

#C018C2

#6FC218

#18C26B

Tetradic

#C018C2

#C26B18

#1AC218

#186FC2

Color Blindness Simulation

Original

#C018C2

Protanopia

#777699

Deuteranopia

#818E8F

Tritanopia

#B87871

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F6BFF7
300
#F092F2
400
#E957EA
500
#E11CE3
600
#B416B6
700
#901291
800
#700E71
900
#520E52
950
#340934

Contrast Checker

Text on white

5,06:1

AA Pass AAA Fail

Text on black

4,15: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