#C545FD

#C545FD

Color Values

HEX

#C545FD

RGB

197, 69, 253

HSL

281.7, 97.9%, 63.1%

HSV

281.7, 72.7%, 99.2%

CMYK

22.1%, 72.7%, 0.0%, 0.8%

OKLCH

0.6486 0.2645 313.2

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#C545FD

#7DFD45

Analogous

#6945FD

#FD45D9

#C545FD

Triadic

#C545FD

#FDC545

#45FDC5

Split Complementary

#C545FD

#D9FD45

#45FD69

Tetradic

#C545FD

#FD6945

#7DFD45

#45D9FD

Color Blindness Simulation

Original

#C545FD

Protanopia

#8E8CD1

Deuteranopia

#959FC6

Tritanopia

#BFADA6

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#E9B8FE
300
#D986FE
400
#C544FD
500
#B003FC
600
#8D02CA
700
#7102A1
800
#58017E
900
#41065B
950
#29043A

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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