#C307C5

#C307C5

Color Values

HEX

#C307C5

RGB

195, 7, 197

HSL

299.4, 93.1%, 40.0%

HSV

299.4, 96.4%, 77.3%

CMYK

1.0%, 96.4%, 0.0%, 22.7%

OKLCH

0.5761 0.2629 327.8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C307C5

#09C507

Analogous

#6407C5

#C50768

#C307C5

Triadic

#C307C5

#C5C307

#07C5C3

Split Complementary

#C307C5

#68C507

#07C564

Tetradic

#C307C5

#C56407

#09C507

#0768C5

Color Blindness Simulation

Original

#C307C5

Protanopia

#727097

Deuteranopia

#7C8B8C

Tritanopia

#BA736B

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFD
300
#FA89FB
400
#F749F8
500
#F409F6
600
#C307C5
700
#9C069E
800
#7A047B
900
#580859
950
#380538

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