#C309BD

#C309BD

Color Values

HEX

#C309BD

RGB

195, 9, 189

HSL

301.9, 91.2%, 40.0%

HSV

301.9, 95.4%, 76.5%

CMYK

0.0%, 95.4%, 3.1%, 23.5%

OKLCH

0.5716 0.2571 330.0

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C309BD

#09C30F

Analogous

#6C09C3

#C30960

#C309BD

Triadic

#C309BD

#BDC309

#09BDC3

Split Complementary

#C309BD

#60C309

#09C36C

Tetradic

#C309BD

#C36C09

#09C30F

#0960C3

Color Blindness Simulation

Original

#C309BD

Protanopia

#727191

Deuteranopia

#7D8B87

Tritanopia

#BA6F68

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFA
300
#FA8AF6
400
#F74BF1
500
#F40BEC
600
#C309BD
700
#9C0797
800
#7A0676
900
#580956
950
#380536

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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