#C344FE

#C344FE

Color Values

HEX

#C344FE

RGB

195, 68, 254

HSL

281.0, 98.9%, 63.1%

HSV

281.0, 73.2%, 99.6%

CMYK

23.2%, 73.2%, 0.0%, 0.4%

OKLCH

0.6458 0.2658 312.4

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C344FE

#7FFE44

Analogous

#6644FE

#FE44DC

#C344FE

Triadic

#C344FE

#FEC344

#44FEC3

Split Complementary

#C344FE

#DCFE44

#44FE66

Tetradic

#C344FE

#FE6644

#7FFE44

#44DCFE

Color Blindness Simulation

Original

#C344FE

Protanopia

#8C8BD1

Deuteranopia

#939DC6

Tritanopia

#BDADA6

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#E8B8FF
300
#D885FE
400
#C343FE
500
#AE01FE
600
#8B01CB
700
#6F01A2
800
#57017F
900
#40055C
950
#29033A

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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