#C589AA

#C589AA

Color Values

HEX

#C589AA

RGB

197, 137, 170

HSL

327.0, 34.1%, 65.5%

HSV

327.0, 30.5%, 77.3%

CMYK

0.0%, 30.5%, 13.7%, 22.7%

OKLCH

0.6996 0.0848 345.4

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C589AA

#89C5A4

Analogous

#C289C5

#C5898C

#C589AA

Triadic

#C589AA

#AAC589

#89AAC5

Split Complementary

#C589AA

#8CC589

#89C5C2

Tetradic

#C589AA

#C5C289

#89C5A4

#898CC5

Color Blindness Simulation

Original

#C589AA

Protanopia

#ABAAA2

Deuteranopia

#AEB3A0

Tritanopia

#C29C9A

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F2E8EE
200
#E7CFDD
300
#D7ADC4
400
#C180A4
500
#AB5484
600
#894369
700
#6D3654
800
#552A42
900
#3F2232
950
#281520

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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