#DC9DA2

#DC9DA2

Color Values

HEX

#DC9DA2

RGB

220, 157, 162

HSL

355.2, 47.4%, 73.9%

HSV

355.2, 28.6%, 86.3%

CMYK

0.0%, 28.6%, 26.4%, 13.7%

OKLCH

0.7578 0.0756 13.8

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#DC9DA2

#9DDCD7

Analogous

#DC9DC1

#DCB79D

#DC9DA2

Triadic

#DC9DA2

#A2DC9D

#9DA2DC

Split Complementary

#DC9DA2

#9DDCB7

#9DC1DC

Tetradic

#DC9DA2

#C1DC9D

#9DDCD7

#B79DDC

Color Blindness Simulation

Original

#DC9DA2

Protanopia

#C1C0A1

Deuteranopia

#C4C9A0

Tritanopia

#D9A0A0

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCACD
300
#DFA5A9
400
#CD747B
500
#BC434D
600
#96363D
700
#782B31
800
#5E2226
900
#451C1F
950
#2C1214

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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