#DC99BC

#DC99BC

Color Values

HEX

#DC99BC

RGB

220, 153, 188

HSL

328.7, 48.9%, 73.1%

HSV

328.7, 30.5%, 86.3%

CMYK

0.0%, 30.5%, 14.5%, 13.7%

OKLCH

0.7585 0.0916 346.9

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DC99BC

#99DCB9

Analogous

#DA99DC

#DC999A

#DC99BC

Triadic

#DC99BC

#BCDC99

#99BCDC

Split Complementary

#DC99BC

#9ADC99

#99DCDA

Tetradic

#DC99BC

#DCDA99

#99DCB9

#999ADC

Color Blindness Simulation

Original

#DC99BC

Protanopia

#BFBEB4

Deuteranopia

#C3C8B2

Tritanopia

#D9ADAB

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADC
300
#E0A4C3
400
#CF73A3
500
#BE4182
600
#983468
700
#7A2A53
800
#5F2141
900
#461B31
950
#2C111F

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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