#DEBFE4

#DEBFE4

Color Values

HEX

#DEBFE4

RGB

222, 191, 228

HSL

290.3, 40.7%, 82.2%

HSV

290.3, 16.2%, 89.4%

CMYK

2.6%, 16.2%, 0.0%, 10.6%

OKLCH

0.8425 0.0607 320.8

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DEBFE4

#C5E4BF

Analogous

#CCBFE4

#E4BFD8

#DEBFE4

Triadic

#DEBFE4

#E4DEBF

#BFE4DE

Split Complementary

#DEBFE4

#D8E4BF

#BFE4CC

Tetradic

#DEBFE4

#E4CCBF

#C5E4BF

#BFD8E4

Color Blindness Simulation

Original

#DEBFE4

Protanopia

#D1D0DB

Deuteranopia

#D2D5D9

Tritanopia

#DCD4D2

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E7F3
200
#E5CDEA
300
#D3A9DB
400
#BB7AC7
500
#A34CB3
600
#823C90
700
#683073
800
#51265A
900
#3C1F42
950
#26132A

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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