#C48F96

#C48F96

Color Values

HEX

#C48F96

RGB

196, 143, 150

HSL

352.1, 31.0%, 66.5%

HSV

352.1, 27.0%, 76.9%

CMYK

0.0%, 27.0%, 23.5%, 23.1%

OKLCH

0.7032 0.0649 10.1

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C48F96

#8FC4BD

Analogous

#C48FB1

#C4A38F

#C48F96

Triadic

#C48F96

#96C48F

#8F96C4

Split Complementary

#C48F96

#8FC4A3

#8FB1C4

Tetradic

#C48F96

#B1C48F

#8FC4BD

#A38FC4

Color Blindness Simulation

Original

#C48F96

Protanopia

#ADAD94

Deuteranopia

#B0B494

Tritanopia

#C19393

Achromatopsia

#9B9B9B

CSS Usage

background-color: #C48F96;
color: #C48F96;
border-color: #C48F96;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#F9F5F6
100
#F2E8EA
200
#E6D0D3
300
#D5AFB4
400
#BE838B
500
#A75862
600
#86464F
700
#6B383F
800
#542C31
900
#3E2326
950
#271618

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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