#C309C4

#C309C4

Color Values

HEX

#C309C4

RGB

195, 9, 196

HSL

299,7, 91,2%, 40,2%

HSV

299,7, 95,4%, 76,9%

CMYK

0,5%, 95,4%, 0,0%, 23,1%

OKLCH

0,5758 0,2617 328,1

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C309C4

#0AC409

Analogous

#6609C4

#C40967

#C309C4

Triadic

#C309C4

#C4C309

#09C4C3

Split Complementary

#C309C4

#67C409

#09C466

Tetradic

#C309C4

#C46609

#0AC409

#0967C4

Color Blindness Simulation

Original

#C309C4

Protanopia

#727197

Deuteranopia

#7D8B8C

Tritanopia

#BA736B

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFC
300
#F98AFA
400
#F64BF7
500
#F30BF4
600
#C209C3
700
#9B079C
800
#79067A
900
#580958
950
#370538

Contrast Checker

Text on white

5,05:1

AA Pass AAA Fail

Text on black

4,16:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026