#D4858F

#D4858F

Color Values

HEX

#D4858F

RGB

212, 133, 143

HSL

352.4, 47.9%, 67.6%

HSV

352.4, 37.3%, 83.1%

CMYK

0.0%, 37.3%, 32.5%, 16.9%

OKLCH

0.7015 0.0978 11.7

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#D4858F

#85D4CA

Analogous

#D485B6

#D4A285

#D4858F

Triadic

#D4858F

#8FD485

#858FD4

Split Complementary

#D4858F

#85D4A2

#85B6D4

Tetradic

#D4858F

#B6D485

#85D4CA

#A285D4

Color Blindness Simulation

Original

#D4858F

Protanopia

#B2B18D

Deuteranopia

#B6BC8C

Tritanopia

#D08B8A

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#ECCACF
300
#DFA4AC
400
#CE737F
500
#BD4252
600
#973542
700
#792B34
800
#5E2129
900
#451C21
950
#2C1115

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.55:1

AA Pass AAA Pass

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