#C98685

#C98685

Color Values

HEX

#C98685

RGB

201, 134, 133

HSL

0,9, 38,6%, 65,5%

HSV

0,9, 33,8%, 78,8%

CMYK

0,0%, 33,3%, 33,8%, 21,2%

OKLCH

0,6877 0,0829 20,4

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C98685

#85C8C9

Analogous

#C985A6

#C9A885

#C98685

Triadic

#C98685

#85C986

#8685C9

Split Complementary

#C98685

#85C9A8

#85A6C9

Tetradic

#C98685

#A6C985

#85C8C9

#A885C9

Color Blindness Simulation

Original

#C98685

Protanopia

#ACAB85

Deuteranopia

#B0B585

Tritanopia

#C68585

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#E9CECE
300
#D9ABAA
400
#C57D7C
500
#B1504E
600
#8D403F
700
#713332
800
#582827
900
#412020
950
#291414

Contrast Checker

Text on white

2,9:1

AA Fail AAA Fail

Text on black

7,23: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