#C746FC

#C746FC

Color Values

HEX

#C746FC

RGB

199, 70, 252

HSL

282.5, 96.8%, 63.1%

HSV

282.5, 72.2%, 98.8%

CMYK

21.0%, 72.2%, 0.0%, 1.2%

OKLCH

0.6513 0.2633 313.9

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C746FC

#7BFC46

Analogous

#6C46FC

#FC46D6

#C746FC

Triadic

#C746FC

#FCC746

#46FCC7

Split Complementary

#C746FC

#D6FC46

#46FC6C

Tetradic

#C746FC

#FC6C46

#7BFC46

#46D6FC

Color Blindness Simulation

Original

#C746FC

Protanopia

#8F8ED0

Deuteranopia

#97A0C5

Tritanopia

#C1ADA6

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#EAB9FE
300
#DA87FD
400
#C745FC
500
#B304FB
600
#8F03C9
700
#7303A1
800
#59027D
900
#42065B
950
#2A0439

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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