#C48882

#C48882

Color Values

HEX

#C48882

RGB

196, 136, 130

HSL

5.5, 35.9%, 63.9%

HSV

5.5, 33.7%, 76.9%

CMYK

0.0%, 30.6%, 33.7%, 23.1%

OKLCH

0.6849 0.0748 25.6

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#C48882

#82BEC4

Analogous

#C4829D

#C4A982

#C48882

Triadic

#C48882

#82C488

#8882C4

Split Complementary

#C48882

#82C4A9

#829DC4

Tetradic

#C48882

#9DC482

#82BEC4

#A982C4

Color Blindness Simulation

Original

#C48882

Protanopia

#AAA983

Deuteranopia

#AEB284

Tritanopia

#C18585

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E9E8
200
#E8D1CE
300
#D8B0AC
400
#C3857F
500
#AD5A52
600
#8B4841
700
#6F3A34
800
#572D29
900
#402421
950
#281715

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.19:1

AA Pass AAA Pass

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