#DA8F9C

#DA8F9C

Color Values

HEX

#DA8F9C

RGB

218, 143, 156

HSL

349.6, 50.3%, 70.8%

HSV

349.6, 34.4%, 85.5%

CMYK

0.0%, 34.4%, 28.4%, 14.5%

OKLCH

0.7292 0.0923 8.3

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#DA8F9C

#8FDACD

Analogous

#DA8FC2

#DAA88F

#DA8F9C

Triadic

#DA8F9C

#9CDA8F

#8F9CDA

Split Complementary

#DA8F9C

#8FDAA8

#8FC2DA

Tetradic

#DA8F9C

#C2DA8F

#8FDACD

#A88FDA

Color Blindness Simulation

Original

#DA8F9C

Protanopia

#BAB999

Deuteranopia

#BEC498

Tritanopia

#D69696

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E8
200
#EDC9D0
300
#E1A3AE
400
#D07182
500
#C03F56
600
#993344
700
#7B2937
800
#60202B
900
#461B22
950
#2C1116

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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