#C309AF

#C309AF

Color Values

HEX

#C309AF

RGB

195, 9, 175

HSL

306.5, 91.2%, 40.0%

HSV

306.5, 95.4%, 76.5%

CMYK

0.0%, 95.4%, 10.3%, 23.5%

OKLCH

0.5635 0.2482 334.1

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C309AF

#09C31D

Analogous

#7A09C3

#C30952

#C309AF

Triadic

#C309AF

#AFC309

#09AFC3

Split Complementary

#C309AF

#52C309

#09C37A

Tetradic

#C309AF

#C37A09

#09C31D

#0952C3

Color Blindness Simulation

Original

#C309AF

Protanopia

#727187

Deuteranopia

#7D8B7D

Tritanopia

#BA6760

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBBF5
300
#FA8AEE
400
#F74BE4
500
#F40BDB
600
#C309AF
700
#9C078C
800
#7A066D
900
#580950
950
#380532

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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