#C12AB2

#C12AB2

Color Values

HEX

#C12AB2

RGB

193, 42, 178

HSL

306,0, 64,3%, 46,1%

HSV

306,0, 78,2%, 75,7%

CMYK

0,0%, 78,2%, 7,8%, 24,3%

OKLCH

0,5759 0,2303 332,7

Properties

Warm Dark Nearest: mediumorchid

Color Harmonies

Complementary

#C12AB2

#2AC139

Analogous

#852AC1

#C12A66

#C12AB2

Triadic

#C12AB2

#B2C12A

#2AB2C1

Split Complementary

#C12AB2

#66C12A

#2AC185

Tetradic

#C12AB2

#C1852A

#2AC139

#2A66C1

Color Blindness Simulation

Original

#C12AB2

Protanopia

#807E91

Deuteranopia

#889489

Tritanopia

#B97771

Achromatopsia

#545454

CSS Usage

background-color: #C12AB2;
color: #C12AB2;
border-color: #C12AB2;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F2C4EE
300
#E99AE1
400
#DD64D1
500
#D12EC1
600
#A8249A
700
#861D7C
800
#691761
900
#4C1447
950
#300D2D

Contrast Checker

Text on white

4,95:1

AA Pass AAA Fail

Text on black

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