#DB97BA

#DB97BA

Color Values

HEX

#DB97BA

RGB

219, 151, 186

HSL

329,1, 48,6%, 72,5%

HSV

329,1, 31,1%, 85,9%

CMYK

0,0%, 31,1%, 15,1%, 14,1%

OKLCH

0,7533 0,0928 347,3

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DB97BA

#97DBB8

Analogous

#DA97DB

#DB9798

#DB97BA

Triadic

#DB97BA

#BADB97

#97BADB

Split Complementary

#DB97BA

#98DB97

#97DBDA

Tetradic

#DB97BA

#DBDA97

#97DBB8

#9798DB

Color Blindness Simulation

Original

#DB97BA

Protanopia

#BEBDB2

Deuteranopia

#C2C7B0

Tritanopia

#D8ABA9

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADC
300
#E0A4C3
400
#CF73A2
500
#BD4281
600
#983467
700
#792A53
800
#5F2141
900
#461B31
950
#2C111F

Contrast Checker

Text on white

2,3:1

AA Fail AAA Fail

Text on black

9,15: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