#C37C86

#C37C86

Color Values

HEX

#C37C86

RGB

195, 124, 134

HSL

351.5, 37.2%, 62.5%

HSV

351.5, 36.4%, 76.5%

CMYK

0.0%, 36.4%, 31.3%, 23.5%

OKLCH

0.6633 0.0892 10.6

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C37C86

#7CC3B9

Analogous

#C37CA9

#C3957C

#C37C86

Triadic

#C37C86

#86C37C

#7C86C3

Split Complementary

#C37C86

#7CC395

#7CA9C3

Tetradic

#C37C86

#A9C37C

#7CC3B9

#957CC3

Color Blindness Simulation

Original

#C37C86

Protanopia

#A4A484

Deuteranopia

#A8AE83

Tritanopia

#BF8281

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E8E9
200
#E9CED2
300
#D9ABB1
400
#C47E87
500
#AF505E
600
#8C404B
700
#70333C
800
#57282F
900
#412025
950
#291417

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026