#C582AF

#C582AF

Color Values

HEX

#C582AF

RGB

197, 130, 175

HSL

319,7, 36,6%, 64,1%

HSV

319,7, 34,0%, 77,3%

CMYK

0,0%, 34,0%, 11,2%, 22,7%

OKLCH

0,6891 0,101 339,8

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C582AF

#82C598

Analogous

#B982C5

#C5828D

#C582AF

Triadic

#C582AF

#AFC582

#82AFC5

Split Complementary

#C582AF

#8DC582

#82C5B9

Tetradic

#C582AF

#C5B982

#82C598

#828DC5

Color Blindness Simulation

Original

#C582AF

Protanopia

#A8A7A4

Deuteranopia

#ACB1A2

Tritanopia

#C29C9A

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EF
200
#E8CEE0
300
#D8ABC9
400
#C37EAD
500
#AE5190
600
#8B4173
700
#6F345C
800
#572848
900
#402036
950
#291522

Contrast Checker

Text on white

2,92:1

AA Fail AAA Fail

Text on black

7,19:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026