#C5166E

#C5166E

Color Values

HEX

#C5166E

RGB

197, 22, 110

HSL

329.8, 79.9%, 42.9%

HSV

329.8, 88.8%, 77.3%

CMYK

0.0%, 88.8%, 44.2%, 22.7%

OKLCH

0.5417 0.2102 358.3

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C5166E

#16C56D

Analogous

#C416C5

#C51617

#C5166E

Triadic

#C5166E

#6EC516

#166EC5

Split Complementary

#C5166E

#17C516

#16C5C4

Tetradic

#C5166E

#C5C416

#16C56D

#1617C5

Color Blindness Simulation

Original

#C5166E

Protanopia

#797859

Deuteranopia

#839054

Tritanopia

#BC4844

Achromatopsia

#424242

CSS Usage

background-color: #C5166E;
color: #C5166E;
border-color: #C5166E;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BFDB
300
#F391C2
400
#EC55A1
500
#E51A80
600
#B71567
700
#931052
800
#730D40
900
#530E31
950
#35091F

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026