#C89AA8

#C89AA8

Color Values

HEX

#C89AA8

RGB

200, 154, 168

HSL

341.7, 29.5%, 69.4%

HSV

341.7, 23.0%, 78.4%

CMYK

0.0%, 23.0%, 16.0%, 21.6%

OKLCH

0.7331 0.0578 358.6

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C89AA8

#9AC8BA

Analogous

#C89ABF

#C8A39A

#C89AA8

Triadic

#C89AA8

#A8C89A

#9AA8C8

Split Complementary

#C89AA8

#9AC8A3

#9ABFC8

Tetradic

#C89AA8

#BFC89A

#9AC8BA

#A39AC8

Color Blindness Simulation

Original

#C89AA8

Protanopia

#B4B4A5

Deuteranopia

#B7BAA4

Tritanopia

#C6A2A1

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E9EB
200
#E6D1D7
300
#D4B0BB
400
#BC8596
500
#A55A71
600
#84485A
700
#6A3A48
800
#532D38
900
#3D242B
950
#27161B

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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