#C557CE

#C557CE

Color Values

HEX

#C557CE

RGB

197, 87, 206

HSL

295.5, 54.8%, 57.5%

HSV

295.5, 57.8%, 80.8%

CMYK

4.4%, 57.8%, 0.0%, 19.2%

OKLCH

0.6393 0.2004 324.6

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#C557CE

#60CE57

Analogous

#8A57CE

#CE579C

#C557CE

Triadic

#C557CE

#CEC557

#57CEC5

Split Complementary

#C557CE

#9CCE57

#57CE8A

Tetradic

#C557CE

#CE8A57

#60CE57

#579CCE

Color Blindness Simulation

Original

#C557CE

Protanopia

#9594B1

Deuteranopia

#9CA4AA

Tritanopia

#BF9A95

Achromatopsia

#777777

CSS Usage

background-color: #C557CE;
color: #C557CE;
border-color: #C557CE;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC8EF
300
#DEA0E3
400
#CD6DD4
500
#BB3AC5
600
#962E9E
700
#78257E
800
#5D1D63
900
#451948
950
#2B102E

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.63:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026