#C03FA4

#C03FA4

Color Values

HEX

#C03FA4

RGB

192, 63, 164

HSL

313.0, 50.6%, 50.0%

HSV

313.0, 67.2%, 75.3%

CMYK

0.0%, 67.2%, 14.6%, 24.7%

OKLCH

0.5847 0.1971 337.6

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C03FA4

#3FC05B

Analogous

#9B3FC0

#C03F64

#C03FA4

Triadic

#C03FA4

#A4C03F

#3FA4C0

Split Complementary

#C03FA4

#64C03F

#3FC09B

Tetradic

#C03FA4

#C09B3F

#3FC05B

#3F64C0

Color Blindness Simulation

Original

#C03FA4

Protanopia

#88878C

Deuteranopia

#909986

Tritanopia

#BA7874

Achromatopsia

#626262

CSS Usage

background-color: #C03FA4;
color: #C03FA4;
border-color: #C03FA4;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4F9
100
#F5E5F2
200
#EDC9E6
300
#E1A3D3
400
#D071BC
500
#C03FA4
600
#9A3283
700
#7B2869
800
#601F52
900
#471A3D
950
#2D1126

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.49: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