#DEBAF7

#DEBAF7

Color Values

HEX

#DEBAF7

RGB

222, 186, 247

HSL

275.4, 79.2%, 84.9%

HSV

275.4, 24.7%, 96.9%

CMYK

10.1%, 24.7%, 0.0%, 3.1%

OKLCH

0.8402 0.0917 311.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DEBAF7

#D3F7BA

Analogous

#BFBAF7

#F7BAF2

#DEBAF7

Triadic

#DEBAF7

#F7DEBA

#BAF7DE

Split Complementary

#DEBAF7

#F2F7BA

#BAF7BF

Tetradic

#DEBAF7

#F7BFBA

#D3F7BA

#BAF2F7

Color Blindness Simulation

Original

#DEBAF7

Protanopia

#CECEE8

Deuteranopia

#D0D3E5

Tritanopia

#DCDDDA

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#E0BFF8
300
#CB91F2
400
#AE56EB
500
#921BE4
600
#7515B7
700
#5D1192
800
#490D72
900
#370E53
950
#230934

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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