#DFBAED

#DFBAED

Color Values

HEX

#DFBAED

RGB

223, 186, 237

HSL

283,5, 58,6%, 82,9%

HSV

283,5, 21,5%, 92,9%

CMYK

5,9%, 21,5%, 0,0%, 7,1%

OKLCH

0,8373 0,0803 316,7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DFBAED

#C8EDBA

Analogous

#C5BAED

#EDBAE1

#DFBAED

Triadic

#DFBAED

#EDDFBA

#BAEDDF

Split Complementary

#DFBAED

#E1EDBA

#BAEDC5

Tetradic

#DFBAED

#EDC5BA

#C8EDBA

#BAE1ED

Color Blindness Simulation

Original

#DFBAED

Protanopia

#CFCFE1

Deuteranopia

#D1D4DE

Tritanopia

#DDD7D5

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F1E4F6
200
#E5C6F0
300
#D29EE6
400
#BA69D8
500
#A135CA
600
#812AA2
700
#672281
800
#511A65
900
#3C174A
950
#260E2F

Contrast Checker

Text on white

1,7:1

AA Fail AAA Fail

Text on black

12,38: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