#C58186

#C58186

Color Values

HEX

#C58186

RGB

197, 129, 134

HSL

355.6, 37.0%, 63.9%

HSV

355.6, 34.5%, 77.3%

CMYK

0.0%, 34.5%, 32.0%, 22.7%

OKLCH

0.6745 0.0845 14.8

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C58186

#81C5C0

Analogous

#C581A8

#C59E81

#C58186

Triadic

#C58186

#86C581

#8186C5

Split Complementary

#C58186

#81C59E

#81A8C5

Tetradic

#C58186

#A8C581

#81C5C0

#9E81C5

Color Blindness Simulation

Original

#C58186

Protanopia

#A8A785

Deuteranopia

#ACB184

Tritanopia

#C28484

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E9CED0
300
#D8ABAE
400
#C47E83
500
#AF5057
600
#8C4046
700
#703338
800
#57282C
900
#412023
950
#291416

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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