#D78C97

#D78C97

Color Values

HEX

#D78C97

RGB

215, 140, 151

HSL

351.2, 48.4%, 69.6%

HSV

351.2, 34.9%, 84.3%

CMYK

0.0%, 34.9%, 29.8%, 15.7%

OKLCH

0.7192 0.0923 10.1

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#D78C97

#8CD7CC

Analogous

#D78CBC

#D7A68C

#D78C97

Triadic

#D78C97

#97D78C

#8C97D7

Split Complementary

#D78C97

#8CD7A6

#8CBCD7

Tetradic

#D78C97

#BCD78C

#8CD7CC

#A68CD7

Color Blindness Simulation

Original

#D78C97

Protanopia

#B7B694

Deuteranopia

#BBC094

Tritanopia

#D39292

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#EDCACF
300
#DFA4AD
400
#CE7380
500
#BD4254
600
#973543
700
#792A36
800
#5F212A
900
#461B22
950
#2C1115

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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