#C197B0

#C197B0

Color Values

HEX

#C197B0

RGB

193, 151, 176

HSL

324.3, 25.3%, 67.5%

HSV

324.3, 21.8%, 75.7%

CMYK

0.0%, 21.8%, 8.8%, 24.3%

OKLCH

0.723 0.0603 342.3

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C197B0

#97C1A8

Analogous

#BD97C1

#C1979B

#C197B0

Triadic

#C197B0

#B0C197

#97B0C1

Split Complementary

#C197B0

#9BC197

#97C1BD

Tetradic

#C197B0

#C1BD97

#97C1A8

#979BC1

Color Blindness Simulation

Original

#C197B0

Protanopia

#AFAEAA

Deuteranopia

#B1B4A8

Tritanopia

#BFA5A4

Achromatopsia

#A2A2A2

CSS Usage

background-color: #C197B0;
color: #C197B0;
border-color: #C197B0;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D2DD
300
#D1B2C5
400
#B989A5
500
#A05F86
600
#804C6B
700
#663D56
800
#503043
900
#3B2533
950
#261820

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

8.32:1

AA Pass AAA Pass

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