#DC8F9C

#DC8F9C

Color Values

HEX

#DC8F9C

RGB

220, 143, 156

HSL

349.9, 52.4%, 71.2%

HSV

349.9, 35.0%, 86.3%

CMYK

0.0%, 35.0%, 29.1%, 13.7%

OKLCH

0.7315 0.0946 8.6

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#DC8F9C

#8FDCCF

Analogous

#DC8FC3

#DCA98F

#DC8F9C

Triadic

#DC8F9C

#9CDC8F

#8F9CDC

Split Complementary

#DC8F9C

#8FDCA9

#8FC3DC

Tetradic

#DC8F9C

#C3DC8F

#8FDCCF

#A98FDC

Color Blindness Simulation

Original

#DC8F9C

Protanopia

#BBBA99

Deuteranopia

#BFC598

Tritanopia

#D89696

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E5E8
200
#EEC9CF
300
#E2A2AD
400
#D26F80
500
#C23D53
600
#9B3143
700
#7C2735
800
#611E2A
900
#471A21
950
#2D1015

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

8.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026