#C543FE

#C543FE

Color Values

HEX

#C543FE

RGB

197, 67, 254

HSL

281.7, 98.9%, 62.9%

HSV

281.7, 73.6%, 99.6%

CMYK

22.4%, 73.6%, 0.0%, 0.4%

OKLCH

0.6475 0.2674 313.1

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C543FE

#7CFE43

Analogous

#6743FE

#FE43D9

#C543FE

Triadic

#C543FE

#FEC543

#43FEC5

Split Complementary

#C543FE

#D9FE43

#43FE67

Tetradic

#C543FE

#FE6743

#7CFE43

#43D9FE

Color Blindness Simulation

Original

#C543FE

Protanopia

#8D8CD1

Deuteranopia

#949EC6

Tritanopia

#BEADA5

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#E9B8FF
300
#D985FE
400
#C543FE
500
#B101FE
600
#8D01CB
700
#7101A2
800
#58017F
900
#41055C
950
#29033A

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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