#C886AE

#C886AE

Color Values

HEX

#C886AE

RGB

200, 134, 174

HSL

323.6, 37.5%, 65.5%

HSV

323.6, 33.0%, 78.4%

CMYK

0.0%, 33.0%, 13.0%, 21.6%

OKLCH

0.699 0.0959 342.8

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C886AE

#86C8A0

Analogous

#C186C8

#C8868D

#C886AE

Triadic

#C886AE

#AEC886

#86AEC8

Split Complementary

#C886AE

#8DC886

#86C8C1

Tetradic

#C886AE

#C8C186

#86C8A0

#868DC8

Color Blindness Simulation

Original

#C886AE

Protanopia

#ABABA4

Deuteranopia

#AFB4A2

Tritanopia

#C59D9B

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CEDE
300
#D9ABC7
400
#C47DA8
500
#AF508A
600
#8C406E
700
#703358
800
#582845
900
#412034
950
#291421

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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