#DA9ED4

#DA9ED4

Color Values

HEX

#DA9ED4

RGB

218, 158, 212

HSL

306.0, 44.8%, 73.7%

HSV

306.0, 27.5%, 85.5%

CMYK

0.0%, 27.5%, 2.8%, 14.5%

OKLCH

0.7734 0.1004 329.9

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#DA9ED4

#9EDAA4

Analogous

#C29EDA

#DA9EB6

#DA9ED4

Triadic

#DA9ED4

#D4DA9E

#9ED4DA

Split Complementary

#DA9ED4

#B6DA9E

#9EDAC2

Tetradic

#DA9ED4

#DAC29E

#9EDAA4

#9EB6DA

Color Blindness Simulation

Original

#DA9ED4

Protanopia

#C0BFC7

Deuteranopia

#C4C8C4

Tritanopia

#D7BDBA

Achromatopsia

#AFAFAF

CSS Usage

background-color: #DA9ED4;
color: #DA9ED4;
border-color: #DA9ED4;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBE8
300
#DDA6D8
400
#CB76C2
500
#B946AD
600
#94388B
700
#762D6F
800
#5C2357
900
#441D40
950
#2B1228

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.82:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026