#C47273

#C47273

Color Values

HEX

#C47273

RGB

196, 114, 115

HSL

359.3, 41.0%, 60.8%

HSV

359.3, 41.8%, 76.9%

CMYK

0.0%, 41.8%, 41.3%, 23.1%

OKLCH

0.6424 0.1037 19.6

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#C47273

#72C4C3

Analogous

#C4729C

#C49A72

#C47273

Triadic

#C47273

#73C472

#7273C4

Split Complementary

#C47273

#72C49A

#729CC4

Tetradic

#C47273

#9CC472

#72C4C3

#9A72C4

Color Blindness Simulation

Original

#C47273

Protanopia

#A0A073

Deuteranopia

#A5AB73

Tritanopia

#C07373

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCD
300
#DBA9A9
400
#C77A7B
500
#B44B4C
600
#903C3D
700
#733031
800
#5A2626
900
#421F1F
950
#2A1314

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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