#C48377

#C48377

Color Values

HEX

#C48377

RGB

196, 131, 119

HSL

9.4, 39.5%, 61.8%

HSV

9.4, 39.3%, 76.9%

CMYK

0.0%, 33.2%, 39.3%, 23.1%

OKLCH

0.6731 0.083 30.9

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#C48377

#77B8C4

Analogous

#C47792

#C4AA77

#C48377

Triadic

#C48377

#77C483

#8377C4

Split Complementary

#C48377

#77C4AA

#7792C4

Tetradic

#C48377

#92C477

#77B8C4

#AA77C4

Color Blindness Simulation

Original

#C48377

Protanopia

#A8A77A

Deuteranopia

#ACB07B

Tritanopia

#C17C7D

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#E9D2CD
300
#DAB1AA
400
#C6877B
500
#B25D4D
600
#8E4A3E
700
#723B31
800
#592E27
900
#42251F
950
#291714

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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