#D48189

#D48189

Color Values

HEX

#D48189

RGB

212, 129, 137

HSL

354.2, 49.1%, 66.9%

HSV

354.2, 39.2%, 83.1%

CMYK

0.0%, 39.2%, 35.4%, 16.9%

OKLCH

0.6931 0.1029 13.9

Properties

Warm Light Nearest: RAL 3015 Light Pink

Color Harmonies

Complementary

#D48189

#81D4CC

Analogous

#D481B3

#D4A381

#D48189

Triadic

#D48189

#89D481

#8189D4

Split Complementary

#D48189

#81D4A3

#81B3D4

Tetradic

#D48189

#B3D481

#81D4CC

#A381D4

Color Blindness Simulation

Original

#D48189

Protanopia

#B0AF87

Deuteranopia

#B5BB87

Tritanopia

#D08685

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDCACD
300
#E0A4AA
400
#CF727B
500
#BE414D
600
#98343E
700
#7A2A31
800
#5F2027
900
#461B1F
950
#2C1114

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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