#C455C7

#C455C7

Color Values

HEX

#C455C7

RGB

196, 85, 199

HSL

298.4, 50.4%, 55.7%

HSV

298.4, 57.3%, 78.0%

CMYK

1.5%, 57.3%, 0.0%, 22.0%

OKLCH

0.632 0.1966 326.6

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#C455C7

#58C755

Analogous

#8B55C7

#C75591

#C455C7

Triadic

#C455C7

#C7C455

#55C7C4

Split Complementary

#C455C7

#91C755

#55C78B

Tetradic

#C455C7

#C78B55

#58C755

#5591C7

Color Blindness Simulation

Original

#C455C7

Protanopia

#9493AB

Deuteranopia

#9AA3A5

Tritanopia

#BE9691

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#ECC9ED
300
#DFA3E1
400
#CE71D0
500
#BC3FC0
600
#973399
700
#79287B
800
#5E2060
900
#451A46
950
#2C112C

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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