#DEAFD4

#DEAFD4

Color Values

HEX

#DEAFD4

RGB

222, 175, 212

HSL

312.8, 41.6%, 77.8%

HSV

312.8, 21.2%, 87.1%

CMYK

0.0%, 21.2%, 4.5%, 12.9%

OKLCH

0.8076 0.0731 333.8

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DEAFD4

#AFDEB9

Analogous

#D0AFDE

#DEAFBC

#DEAFD4

Triadic

#DEAFD4

#D4DEAF

#AFD4DE

Split Complementary

#DEAFD4

#BCDEAF

#AFDED0

Tetradic

#DEAFD4

#DED0AF

#AFDEB9

#AFBCDE

Color Blindness Simulation

Original

#DEAFD4

Protanopia

#CAC9CB

Deuteranopia

#CCD0C9

Tritanopia

#DCC4C2

Achromatopsia

#BCBCBC

CSS Usage

background-color: #DEAFD4;
color: #DEAFD4;
border-color: #DEAFD4;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#EACCE4
300
#DBA8D0
400
#C879B7
500
#B54A9E
600
#903C7E
700
#743065
800
#5A254F
900
#431E3B
950
#2A1325

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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