#C60ACB

#C60ACB

Color Values

HEX

#C60ACB

RGB

198, 10, 203

HSL

298.4, 90.6%, 41.8%

HSV

298.4, 95.1%, 79.6%

CMYK

2.5%, 95.1%, 0.0%, 20.4%

OKLCH

0.585 0.2672 327.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C60ACB

#0FCB0A

Analogous

#650ACB

#CB0A70

#C60ACB

Triadic

#C60ACB

#CBC60A

#0ACBC6

Split Complementary

#C60ACB

#70CB0A

#0ACB65

Tetradic

#C60ACB

#CB650A

#0FCB0A

#0A70CB

Color Blindness Simulation

Original

#C60ACB

Protanopia

#75739C

Deuteranopia

#808E91

Tritanopia

#BD776F

Achromatopsia

#404040

CSS Usage

background-color: #C60ACB;
color: #C60ACB;
border-color: #C60ACB;
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.88:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026