#DF94A5

#DF94A5

Color Values

HEX

#DF94A5

RGB

223, 148, 165

HSL

346.4, 54.0%, 72.7%

HSV

346.4, 33.6%, 87.5%

CMYK

0.0%, 33.6%, 26.0%, 12.5%

OKLCH

0.746 0.0926 4.7

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#DF94A5

#94DFCE

Analogous

#DF94CA

#DFA894

#DF94A5

Triadic

#DF94A5

#A5DF94

#94A5DF

Split Complementary

#DF94A5

#94DFA8

#94CADF

Tetradic

#DF94A5

#CADF94

#94DFCE

#A894DF

Color Blindness Simulation

Original

#DF94A5

Protanopia

#BFBEA1

Deuteranopia

#C3C8A0

Tritanopia

#DB9E9D

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E5E9
200
#EFC8D1
300
#E3A1B0
400
#D46E85
500
#C43B5A
600
#9D2F48
700
#7E263A
800
#621D2D
900
#481924
950
#2D1016

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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