#C57E71

#C57E71

Color Values

HEX

#C57E71

RGB

197, 126, 113

HSL

9.3, 42.0%, 60.8%

HSV

9.3, 42.6%, 77.3%

CMYK

0.0%, 36.0%, 42.6%, 22.7%

OKLCH

0.664 0.0912 30.9

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#C57E71

#71B8C5

Analogous

#C5718E

#C5A871

#C57E71

Triadic

#C57E71

#71C57E

#7E71C5

Split Complementary

#C57E71

#71C5A8

#718EC5

Tetradic

#C57E71

#8EC571

#71B8C5

#A871C5

Color Blindness Simulation

Original

#C57E71

Protanopia

#A6A674

Deuteranopia

#AAB075

Tritanopia

#C17777

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E9E7
200
#EAD1CC
300
#DCB0A8
400
#C88579
500
#B55B4A
600
#91483B
700
#743A2F
800
#5B2D25
900
#43241E
950
#2A1713

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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