#C4898B

#C4898B

Color Values

HEX

#C4898B

RGB

196, 137, 139

HSL

358.0, 33.3%, 65.3%

HSV

358.0, 30.1%, 76.9%

CMYK

0.0%, 30.1%, 29.1%, 23.1%

OKLCH

0.6891 0.0725 16.9

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C4898B

#89C4C2

Analogous

#C489A8

#C4A589

#C4898B

Triadic

#C4898B

#8BC489

#898BC4

Split Complementary

#C4898B

#89C4A5

#89A8C4

Tetradic

#C4898B

#A8C489

#89C4C2

#A589C4

Color Blindness Simulation

Original

#C4898B

Protanopia

#AAAA8B

Deuteranopia

#AEB28A

Tritanopia

#C18A8A

Achromatopsia

#969696

CSS Usage

background-color: #C4898B;
color: #C4898B;
border-color: #C4898B;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E7CFD0
300
#D6ADAF
400
#C08183
500
#AA5558
600
#884446
700
#6D3638
800
#552B2C
900
#3F2223
950
#281516

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

7.3:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026