#C54CB0

#C54CB0

Color Values

HEX

#C54CB0

RGB

197, 76, 176

HSL

310.4, 51.1%, 53.5%

HSV

310.4, 61.4%, 77.3%

CMYK

0.0%, 61.4%, 10.7%, 22.7%

OKLCH

0.6114 0.1915 335.1

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C54CB0

#4CC561

Analogous

#9D4CC5

#C54C73

#C54CB0

Triadic

#C54CB0

#B0C54C

#4CB0C5

Split Complementary

#C54CB0

#73C54C

#4CC59D

Tetradic

#C54CB0

#C59D4C

#4CC561

#4C73C5

Color Blindness Simulation

Original

#C54CB0

Protanopia

#919098

Deuteranopia

#98A192

Tritanopia

#BF8580

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F2
200
#EEC9E7
300
#E1A3D6
400
#D170C0
500
#C13EAA
600
#9A3288
700
#7B286D
800
#601F55
900
#471A3F
950
#2D1128

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026