#C9898F

#C9898F

Color Values

HEX

#C9898F

RGB

201, 137, 143

HSL

354.4, 37.2%, 66.3%

HSV

354.4, 31.8%, 78.8%

CMYK

0.0%, 31.8%, 28.9%, 21.2%

OKLCH

0.6958 0.0788 13.1

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C9898F

#89C9C3

Analogous

#C989AF

#C9A389

#C9898F

Triadic

#C9898F

#8FC989

#898FC9

Split Complementary

#C9898F

#89C9A3

#89AFC9

Tetradic

#C9898F

#AFC989

#89C9C3

#A389C9

Color Blindness Simulation

Original

#C9898F

Protanopia

#ADAD8E

Deuteranopia

#B1B68D

Tritanopia

#C68C8C

Achromatopsia

#979797

CSS Usage

background-color: #C9898F;
color: #C9898F;
border-color: #C9898F;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F5
100
#F3E8E9
200
#E9CED0
300
#D9ABAF
400
#C47E84
500
#AF5059
600
#8C4047
700
#703339
800
#57282C
900
#412023
950
#291416

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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