#C54EB3

#C54EB3

Color Values

HEX

#C54EB3

RGB

197, 78, 179

HSL

309.1, 50.6%, 53.9%

HSV

309.1, 60.4%, 77.3%

CMYK

0.0%, 60.4%, 9.1%, 22.7%

OKLCH

0.6152 0.1909 334.0

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C54EB3

#4EC560

Analogous

#9B4EC5

#C54E77

#C54EB3

Triadic

#C54EB3

#B3C54E

#4EB3C5

Split Complementary

#C54EB3

#77C54E

#4EC59B

Tetradic

#C54EB3

#C59B4E

#4EC560

#4E77C5

Color Blindness Simulation

Original

#C54EB3

Protanopia

#91909B

Deuteranopia

#98A195

Tritanopia

#BF8783

Achromatopsia

#6F6F6F

CSS Usage

background-color: #C54EB3;
color: #C54EB3;
border-color: #C54EB3;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E5F2
200
#EDC9E8
300
#E1A3D7
400
#D071C2
500
#C03FAC
600
#9A328A
700
#7B286E
800
#601F56
900
#471A40
950
#2D1128

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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