#DC93B2

#DC93B2

Color Values

HEX

#DC93B2

RGB

220, 147, 178

HSL

334.5, 51.0%, 72.0%

HSV

334.5, 33.2%, 86.3%

CMYK

0.0%, 33.2%, 19.1%, 13.7%

OKLCH

0.7449 0.096 352.6

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DC93B2

#93DCBD

Analogous

#DC93D7

#DC9993

#DC93B2

Triadic

#DC93B2

#B2DC93

#93B2DC

Split Complementary

#DC93B2

#93DC99

#93D7DC

Tetradic

#DC93B2

#D7DC93

#93DCBD

#9993DC

Color Blindness Simulation

Original

#DC93B2

Protanopia

#BCBCAB

Deuteranopia

#C1C6A9

Tritanopia

#D8A5A3

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC9D9
300
#E1A3BD
400
#D17199
500
#C13E76
600
#9A325E
700
#7B284B
800
#601F3B
900
#471A2D
950
#2D111C

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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