#DAAFD2

#DAAFD2

Color Values

HEX

#DAAFD2

RGB

218, 175, 210

HSL

311,2, 36,8%, 77,1%

HSV

311,2, 19,7%, 85,5%

CMYK

0,0%, 19,7%, 3,7%, 14,5%

OKLCH

0,8031 0,0681 332,7

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DAAFD2

#AFDAB7

Analogous

#CDAFDA

#DAAFBD

#DAAFD2

Triadic

#DAAFD2

#D2DAAF

#AFD2DA

Split Complementary

#DAAFD2

#BDDAAF

#AFDACD

Tetradic

#DAAFD2

#DACDAF

#AFDAB7

#AFBDDA

Color Blindness Simulation

Original

#DAAFD2

Protanopia

#C7C7CA

Deuteranopia

#CACDC8

Tritanopia

#D8C3C1

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE4
300
#D8ABD0
400
#C37EB6
500
#AE519D
600
#8C407E
700
#703464
800
#57284E
900
#40203B
950
#291425

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026