#C306F9

#C306F9

Color Values

HEX

#C306F9

RGB

195, 6, 249

HSL

286.7, 95.3%, 50.0%

HSV

286.7, 97.6%, 97.6%

CMYK

21.7%, 97.6%, 0.0%, 2.4%

OKLCH

0.6114 0.2989 315.2

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C306F9

#3CF906

Analogous

#4A06F9

#F906B5

#C306F9

Triadic

#C306F9

#F9C306

#06F9C3

Split Complementary

#C306F9

#B5F906

#06F94A

Tetradic

#C306F9

#F94A06

#3CF906

#06B5F9

Color Blindness Simulation

Original

#C306F9

Protanopia

#7170BE

Deuteranopia

#7C8AB0

Tritanopia

#BA9086

Achromatopsia

#404040

CSS Usage

background-color: #C306F9;
color: #C306F9;
border-color: #C306F9;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FBF1FE
100
#F5DFFC
200
#EEB9FD
300
#E287FC
400
#D347FB
500
#C306F9
600
#9C05C7
700
#7D049F
800
#62037D
900
#48075A
950
#2D0439

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.71:1

AA Pass 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