#C17593

#C17593

Color Values

HEX

#C17593

RGB

193, 117, 147

HSL

336.3, 38.0%, 60.8%

HSV

336.3, 39.4%, 75.7%

CMYK

0.0%, 39.4%, 23.8%, 24.3%

OKLCH

0.6528 0.102 355.1

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C17593

#75C1A3

Analogous

#C175B9

#C17D75

#C17593

Triadic

#C17593

#93C175

#7593C1

Split Complementary

#C17593

#75C17D

#75B9C1

Tetradic

#C17593

#B9C175

#75C1A3

#7D75C1

Color Blindness Simulation

Original

#C17593

Protanopia

#A09F8C

Deuteranopia

#A4AA8A

Tritanopia

#BD8685

Achromatopsia

#878787

CSS Usage

background-color: #C17593;
color: #C17593;
border-color: #C17593;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CED8
300
#D9ABBD
400
#C57D99
500
#B04F75
600
#8D3F5E
700
#71334B
800
#58283B
900
#41202D
950
#29141C

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.23:1

AA Pass 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