#C16FA2

#C16FA2

Color Values

HEX

#C16FA2

RGB

193, 111, 162

HSL

322.7, 39.8%, 59.6%

HSV

322.7, 42.5%, 75.7%

CMYK

0.0%, 42.5%, 16.1%, 24.3%

OKLCH

0.6482 0.1213 343.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C16FA2

#6FC18E

Analogous

#B76FC1

#C16F79

#C16FA2

Triadic

#C16FA2

#A2C16F

#6FA2C1

Split Complementary

#C16FA2

#79C16F

#6FC1B7

Tetradic

#C16FA2

#C1B76F

#6FC18E

#6F79C1

Color Blindness Simulation

Original

#C16FA2

Protanopia

#9D9D96

Deuteranopia

#A2A893

Tritanopia

#BD8C8A

Achromatopsia

#848484

CSS Usage

background-color: #C16FA2;
color: #C16FA2;
border-color: #C16FA2;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#EACDDF
300
#DAA9C8
400
#C67BAA
500
#B24D8C
600
#8F3D70
700
#72315A
800
#592646
900
#421F35
950
#2A1421

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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