#C48388

#C48388

Color Values

HEX

#C48388

RGB

196, 131, 136

HSL

355.4, 35.5%, 64.1%

HSV

355.4, 33.2%, 76.9%

CMYK

0.0%, 33.2%, 30.6%, 23.1%

OKLCH

0.6774 0.0806 14.4

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C48388

#83C4BF

Analogous

#C483A8

#C49E83

#C48388

Triadic

#C48388

#88C483

#8388C4

Split Complementary

#C48388

#83C49E

#83A8C4

Tetradic

#C48388

#A8C483

#83C4BF

#9E83C4

Color Blindness Simulation

Original

#C48388

Protanopia

#A8A787

Deuteranopia

#ACB086

Tritanopia

#C18686

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E9
200
#E8CFD1
300
#D8ACAF
400
#C27F84
500
#AD5259
600
#8A4247
700
#6F3539
800
#56292D
900
#402123
950
#281516

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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