#C37170

#C37170

Color Values

HEX

#C37170

RGB

195, 113, 112

HSL

0.7, 40.9%, 60.2%

HSV

0.7, 42.6%, 76.5%

CMYK

0.0%, 42.1%, 42.6%, 23.5%

OKLCH

0.6388 0.1041 21.1

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#C37170

#70C2C3

Analogous

#C37099

#C39A70

#C37170

Triadic

#C37170

#70C371

#7170C3

Split Complementary

#C37170

#70C39A

#7099C3

Tetradic

#C37170

#99C370

#70C2C3

#9A70C3

Color Blindness Simulation

Original

#C37170

Protanopia

#9F9F70

Deuteranopia

#A4AA70

Tritanopia

#BF7070

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCD
300
#DBA9A9
400
#C77B7A
500
#B44D4B
600
#903D3C
700
#733130
800
#5A2626
900
#421F1F
950
#2A1413

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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