#DEAFD3

#DEAFD3

Color Values

HEX

#DEAFD3

RGB

222, 175, 211

HSL

314.0, 41.6%, 77.8%

HSV

314.0, 21.2%, 87.1%

CMYK

0.0%, 21.2%, 5.0%, 12.9%

OKLCH

0.8073 0.0722 334.6

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DEAFD3

#AFDEBA

Analogous

#D1AFDE

#DEAFBB

#DEAFD3

Triadic

#DEAFD3

#D3DEAF

#AFD3DE

Split Complementary

#DEAFD3

#BBDEAF

#AFDED1

Tetradic

#DEAFD3

#DED1AF

#AFDEBA

#AFBBDE

Color Blindness Simulation

Original

#DEAFD3

Protanopia

#CAC9CA

Deuteranopia

#CCD0C8

Tritanopia

#DCC3C2

Achromatopsia

#BCBCBC

CSS Usage

background-color: #DEAFD3;
color: #DEAFD3;
border-color: #DEAFD3;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#EACCE3
300
#DBA8CF
400
#C879B6
500
#B54A9C
600
#903C7D
700
#743064
800
#5A254E
900
#431E3A
950
#2A1325

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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