#C87368

#C87368

Color Values

HEX

#C87368

RGB

200, 115, 104

HSL

6.9, 46.6%, 59.6%

HSV

6.9, 48.0%, 78.4%

CMYK

0.0%, 42.5%, 48.0%, 21.6%

OKLCH

0.6467 0.1092 28.3

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#C87368

#68BDC8

Analogous

#C8688D

#C8A368

#C87368

Triadic

#C87368

#68C873

#7368C8

Split Complementary

#C87368

#68C8A3

#688DC8

Tetradic

#C87368

#8DC868

#68BDC8

#A368C8

Color Blindness Simulation

Original

#C87368

Protanopia

#A3A26B

Deuteranopia

#A8AE6B

Tritanopia

#C46D6D

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCECB
300
#DEACA5
400
#CD7F75
500
#BB5244
600
#964136
700
#78342C
800
#5D2922
900
#45211C
950
#2B1512

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026