#C98686

#C98686

Color Values

HEX

#C98686

RGB

201, 134, 134

HSL

0.0, 38.3%, 65.7%

HSV

0.0, 33.3%, 78.8%

CMYK

0.0%, 33.3%, 33.3%, 21.2%

OKLCH

0.688 0.0828 19.4

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C98686

#86C9C9

Analogous

#C986A8

#C9A886

#C98686

Triadic

#C98686

#86C986

#8686C9

Split Complementary

#C98686

#86C9A8

#86A8C9

Tetradic

#C98686

#A8C986

#86C9C9

#A886C9

Color Blindness Simulation

Original

#C98686

Protanopia

#ACAB86

Deuteranopia

#B0B586

Tritanopia

#C68686

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#E9CECE
300
#D9AAAA
400
#C57D7D
500
#B04F4F
600
#8D3F3F
700
#713232
800
#582727
900
#412020
950
#291414

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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