#C37C82

#C37C82

Color Values

HEX

#C37C82

RGB

195, 124, 130

HSL

354.9, 37.2%, 62.5%

HSV

354.9, 36.4%, 76.5%

CMYK

0.0%, 36.4%, 33.3%, 23.5%

OKLCH

0.6622 0.0888 14.3

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C37C82

#7CC3BD

Analogous

#C37CA5

#C3997C

#C37C82

Triadic

#C37C82

#82C37C

#7C82C3

Split Complementary

#C37C82

#7CC399

#7CA5C3

Tetradic

#C37C82

#A5C37C

#7CC3BD

#997CC3

Color Blindness Simulation

Original

#C37C82

Protanopia

#A4A481

Deuteranopia

#A8AE80

Tritanopia

#BF7F7F

Achromatopsia

#8C8C8C

CSS Usage

background-color: #C37C82;
color: #C37C82;
border-color: #C37C82;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E9CED0
300
#D9ABAF
400
#C47E84
500
#AF5058
600
#8C4047
700
#703338
800
#57282C
900
#412023
950
#291416

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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