#C58388

#C58388

Color Values

HEX

#C58388

RGB

197, 131, 136

HSL

355.5, 36.3%, 64.3%

HSV

355.5, 33.5%, 77.3%

CMYK

0.0%, 33.5%, 31.0%, 22.7%

OKLCH

0.6785 0.0818 14.5

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C58388

#83C5C0

Analogous

#C583A9

#C59F83

#C58388

Triadic

#C58388

#88C583

#8388C5

Split Complementary

#C58388

#83C59F

#83A9C5

Tetradic

#C58388

#A9C583

#83C5C0

#9F83C5

Color Blindness Simulation

Original

#C58388

Protanopia

#A8A887

Deuteranopia

#ACB186

Tritanopia

#C28686

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CED0
300
#D8ACAF
400
#C37E84
500
#AE5158
600
#8B4147
700
#6F3438
800
#57292C
900
#402123
950
#291516

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.98:1

AA Pass AAA Fail

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