#C306C6

#C306C6

Color Values

HEX

#C306C6

RGB

195, 6, 198

HSL

299.1, 94.1%, 40.0%

HSV

299.1, 97.0%, 77.6%

CMYK

1.5%, 97.0%, 0.0%, 22.4%

OKLCH

0.5765 0.2639 327.5

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C306C6

#09C606

Analogous

#6306C6

#C60669

#C306C6

Triadic

#C306C6

#C6C306

#06C6C3

Split Complementary

#C306C6

#69C606

#06C663

Tetradic

#C306C6

#C66306

#09C606

#0669C6

Color Blindness Simulation

Original

#C306C6

Protanopia

#717098

Deuteranopia

#7C8A8C

Tritanopia

#BA736B

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFD
300
#FA88FB
400
#F748F9
500
#F408F7
600
#C306C6
700
#9C059E
800
#7A047C
900
#580759
950
#380539

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

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