#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026