#C37679

#C37679

Color Values

HEX

#C37679

RGB

195, 118, 121

HSL

357.7, 39.1%, 61.4%

HSV

357.7, 39.5%, 76.5%

CMYK

0.0%, 39.5%, 37.9%, 23.5%

OKLCH

0.6495 0.0969 17.6

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C37679

#76C3C0

Analogous

#C376A0

#C39A76

#C37679

Triadic

#C37679

#79C376

#7679C3

Split Complementary

#C37679

#76C39A

#76A0C3

Tetradic

#C37679

#A0C376

#76C3C0

#9A76C3

Color Blindness Simulation

Original

#C37679

Protanopia

#A2A178

Deuteranopia

#A6AC78

Tritanopia

#BF7878

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDCE
300
#DAAAAC
400
#C67C7F
500
#B14E51
600
#8E3E41
700
#723234
800
#592729
900
#411F21
950
#291415

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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