#C309AC

#C309AC

Color Values

HEX

#C309AC

RGB

195, 9, 172

HSL

307.4, 91.2%, 40.0%

HSV

307.4, 95.4%, 76.5%

CMYK

0.0%, 95.4%, 11.8%, 23.5%

OKLCH

0.5619 0.2463 335.1

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C309AC

#09C320

Analogous

#7D09C3

#C3094F

#C309AC

Triadic

#C309AC

#ACC309

#09ACC3

Split Complementary

#C309AC

#4FC309

#09C37D

Tetradic

#C309AC

#C37D09

#09C320

#094FC3

Color Blindness Simulation

Original

#C309AC

Protanopia

#727185

Deuteranopia

#7D8B7B

Tritanopia

#BA655F

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBBF4
300
#FA8AEC
400
#F74BE1
500
#F40BD7
600
#C309AC
700
#9C078A
800
#7A066C
900
#58094E
950
#380532

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

3.96:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026