#C582AC

#C582AC

Color Values

HEX

#C582AC

RGB

197, 130, 172

HSL

322.4, 36.6%, 64.1%

HSV

322.4, 34.0%, 77.3%

CMYK

0.0%, 34.0%, 12.7%, 22.7%

OKLCH

0.688 0.0987 341.9

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C582AC

#82C59B

Analogous

#BC82C5

#C5828A

#C582AC

Triadic

#C582AC

#ACC582

#82ACC5

Split Complementary

#C582AC

#8AC582

#82C5BC

Tetradic

#C582AC

#C5BC82

#82C59B

#828AC5

Color Blindness Simulation

Original

#C582AC

Protanopia

#A8A7A2

Deuteranopia

#ACB19F

Tritanopia

#C29A98

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EF
200
#E8CEDF
300
#D8ABC7
400
#C37EA9
500
#AE518B
600
#8B416F
700
#6F3459
800
#572846
900
#402034
950
#291521

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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