#C745FC

#C745FC

Color Values

HEX

#C745FC

RGB

199, 69, 252

HSL

282.6, 96.8%, 62.9%

HSV

282.6, 72.6%, 98.8%

CMYK

21.0%, 72.6%, 0.0%, 1.2%

OKLCH

0.6504 0.2643 314.0

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C745FC

#7AFC45

Analogous

#6B45FC

#FC45D6

#C745FC

Triadic

#C745FC

#FCC745

#45FCC7

Split Complementary

#C745FC

#D6FC45

#45FC6B

Tetradic

#C745FC

#FC6B45

#7AFC45

#45D6FC

Color Blindness Simulation

Original

#C745FC

Protanopia

#8F8ED0

Deuteranopia

#96A0C5

Tritanopia

#C0ADA5

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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