#DEACFB

#DEACFB

Color Values

HEX

#DEACFB

RGB

222, 172, 251

HSL

278.0, 90.8%, 82.9%

HSV

278.0, 31.5%, 98.4%

CMYK

11.6%, 31.5%, 0.0%, 1.6%

OKLCH

0.8169 0.1203 312.7

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#DEACFB

#C9FBAC

Analogous

#B6ACFB

#FBACF0

#DEACFB

Triadic

#DEACFB

#FBDEAC

#ACFBDE

Split Complementary

#DEACFB

#F0FBAC

#ACFBB6

Tetradic

#DEACFB

#FBB6AC

#C9FBAC

#ACF0FB

Color Blindness Simulation

Original

#DEACFB

Protanopia

#C8C8E8

Deuteranopia

#CBCFE3

Tritanopia

#DBD9D5

Achromatopsia

#BCBCBC

CSS Usage

background-color: #DEACFB;
color: #DEACFB;
border-color: #DEACFB;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E4BBFC
300
#D18AF9
400
#B74BF6
500
#9E0CF3
600
#7F09C3
700
#65089C
800
#4F067A
900
#3B0958
950
#250638

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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