#D48288

#D48288

Color Values

HEX

#D48288

RGB

212, 130, 136

HSL

355.6, 48.8%, 67.1%

HSV

355.6, 38.7%, 83.1%

CMYK

0.0%, 38.7%, 35.8%, 16.9%

OKLCH

0.6945 0.1015 15.3

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#D48288

#82D4CE

Analogous

#D482B1

#D4A582

#D48288

Triadic

#D48288

#88D482

#8288D4

Split Complementary

#D48288

#82D4A5

#82B1D4

Tetradic

#D48288

#B1D482

#82D4CE

#A582D4

Color Blindness Simulation

Original

#D48288

Protanopia

#B0B087

Deuteranopia

#B5BB86

Tritanopia

#D08585

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDCACC
300
#E0A4A8
400
#CF7379
500
#BE414A
600
#98343C
700
#792A30
800
#5F2125
900
#461B1E
950
#2C1113

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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