#C309C3

#C309C3

Color Values

HEX

#C309C3

RGB

195, 9, 195

HSL

300.0, 91.2%, 40.0%

HSV

300.0, 95.4%, 76.5%

CMYK

0.0%, 95.4%, 0.0%, 23.5%

OKLCH

0.5752 0.2611 328.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C309C3

#09C309

Analogous

#6609C3

#C30966

#C309C3

Triadic

#C309C3

#C3C309

#09C3C3

Split Complementary

#C309C3

#66C309

#09C366

Tetradic

#C309C3

#C36609

#09C309

#0966C3

Color Blindness Simulation

Original

#C309C3

Protanopia

#727196

Deuteranopia

#7D8B8B

Tritanopia

#BA726B

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFC
300
#FA8AFA
400
#F74BF7
500
#F40BF4
600
#C309C3
700
#9C079C
800
#7A067A
900
#580958
950
#380538

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026