#C309AA

#C309AA

Color Values

HEX

#C309AA

RGB

195, 9, 170

HSL

308.1, 91.2%, 40.0%

HSV

308.1, 95.4%, 76.5%

CMYK

0.0%, 95.4%, 12.8%, 23.5%

OKLCH

0.5608 0.245 335.7

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C309AA

#09C322

Analogous

#7F09C3

#C3094D

#C309AA

Triadic

#C309AA

#AAC309

#09AAC3

Split Complementary

#C309AA

#4DC309

#09C37F

Tetradic

#C309AA

#C37F09

#09C322

#094DC3

Color Blindness Simulation

Original

#C309AA

Protanopia

#727183

Deuteranopia

#7D8B7A

Tritanopia

#BA645E

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FCBBF3
300
#FA8AEB
400
#F74BDF
500
#F40BD4
600
#C309AA
700
#9C0788
800
#7A066A
900
#58094D
950
#380531

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

3.94:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026