#D794BC

#D794BC

Color Values

HEX

#D794BC

RGB

215, 148, 188

HSL

324.2, 45.6%, 71.2%

HSV

324.2, 31.2%, 84.3%

CMYK

0.0%, 31.2%, 12.6%, 15.7%

OKLCH

0.7444 0.0954 343.1

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#D794BC

#94D7AF

Analogous

#D194D7

#D7949B

#D794BC

Triadic

#D794BC

#BCD794

#94BCD7

Split Complementary

#D794BC

#9BD794

#94D7D1

Tetradic

#D794BC

#D7D194

#94D7AF

#949BD7

Color Blindness Simulation

Original

#D794BC

Protanopia

#BAB9B2

Deuteranopia

#BEC3B0

Tritanopia

#D4ABA9

Achromatopsia

#A5A5A5

CSS Usage

background-color: #D794BC;
color: #D794BC;
border-color: #D794BC;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDE
300
#DEA6C7
400
#CC76A9
500
#BA458B
600
#95376F
700
#772C59
800
#5D2345
900
#441D34
950
#2B1221

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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