#C339F0

#C339F0

Color Values

HEX

#C339F0

RGB

195, 57, 240

HSL

285.2, 85.9%, 58.2%

HSV

285.2, 76.2%, 94.1%

CMYK

18.8%, 76.2%, 0.0%, 5.9%

OKLCH

0.6273 0.2647 316.1

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#C339F0

#66F039

Analogous

#6739F0

#F039C2

#C339F0

Triadic

#C339F0

#F0C339

#39F0C3

Split Complementary

#C339F0

#C2F039

#39F067

Tetradic

#C339F0

#F06739

#66F039

#39C2F0

Color Blindness Simulation

Original

#C339F0

Protanopia

#8786C4

Deuteranopia

#8F9AB9

Tritanopia

#BCA199

Achromatopsia

#646464

CSS Usage

background-color: #C339F0;
color: #C339F0;
border-color: #C339F0;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FAF2FD
100
#F4E0FA
200
#EBBDFA
300
#DC8DF6
400
#CA50F2
500
#B712ED
600
#920EBE
700
#750C98
800
#5B0977
900
#430B56
950
#2B0736

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026