#C48286

#C48286

Color Values

HEX

#C48286

RGB

196, 130, 134

HSL

356,4, 35,9%, 63,9%

HSV

356,4, 33,7%, 76,9%

CMYK

0,0%, 33,7%, 31,6%, 23,1%

OKLCH

0,6751 0,0819 15,5

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C48286

#82C4C0

Analogous

#C482A7

#C49F82

#C48286

Triadic

#C48286

#86C482

#8286C4

Split Complementary

#C48286

#82C49F

#82A7C4

Tetradic

#C48286

#A7C482

#82C4C0

#9F82C4

Color Blindness Simulation

Original

#C48286

Protanopia

#A7A785

Deuteranopia

#ABB085

Tritanopia

#C18484

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CED0
300
#D8ACAE
400
#C37F83
500
#AD5257
600
#8B4146
700
#6F3438
800
#57292C
900
#402123
950
#281516

Contrast Checker

Text on white

3,05:1

AA Fail AAA Fail

Text on black

6,88: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