#C152C5

#C152C5

Color Values

HEX

#C152C5

RGB

193, 82, 197

HSL

297.9, 49.8%, 54.7%

HSV

297.9, 58.4%, 77.3%

CMYK

2.0%, 58.4%, 0.0%, 22.7%

OKLCH

0.6234 0.1975 326.2

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#C152C5

#56C552

Analogous

#8752C5

#C55290

#C152C5

Triadic

#C152C5

#C5C152

#52C5C1

Split Complementary

#C152C5

#90C552

#52C587

Tetradic

#C152C5

#C58752

#56C552

#5290C5

Color Blindness Simulation

Original

#C152C5

Protanopia

#9190A9

Deuteranopia

#97A0A2

Tritanopia

#BB938E

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#ECCAED
300
#DEA3E0
400
#CC72D0
500
#BB40BF
600
#953399
700
#77297A
800
#5D205F
900
#451B46
950
#2B112C

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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