#C643FE

#C643FE

Color Values

HEX

#C643FE

RGB

198, 67, 254

HSL

282.0, 98.9%, 62.9%

HSV

282.0, 73.6%, 99.6%

CMYK

22.0%, 73.6%, 0.0%, 0.4%

OKLCH

0.6487 0.2678 313.4

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C643FE

#7BFE43

Analogous

#6843FE

#FE43D9

#C643FE

Triadic

#C643FE

#FEC643

#43FEC6

Split Complementary

#C643FE

#D9FE43

#43FE68

Tetradic

#C643FE

#FE6843

#7BFE43

#43D9FE

Color Blindness Simulation

Original

#C643FE

Protanopia

#8D8CD1

Deuteranopia

#959FC6

Tritanopia

#BFADA5

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#E9B8FF
300
#DA85FE
400
#C643FE
500
#B201FE
600
#8E01CB
700
#7201A2
800
#59017F
900
#42055C
950
#29033A

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.64:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026