Live Color Intelligence
#DECBF6
COLOR PROFILE

#decbf6

#DECBF6 · Custom · tint

Find Similar
COLOR VALUES

Conversion reference

HEX#DECBF6
RGB222, 203, 246
HSL267°, 70%, 88%
HSV267°, 17.0%, 96.0%
HWB267°, 79.6%, 3.5%
CMYK10%, 17%, 0%, 4%
LAB84.43, 14.56, -18.71
CSS--color-primary: #DECBF6;
Tailwindcolors: { primary: '#DECBF6' }
HARMONIES

Color relationships

analogous
#CBD4F6#E7E5FA#CEB1F1#F6E5FA#F1B1EA
complementary
#DECBF6#F1FAE5
triadic
#DECBF6#FAEFE5#B1F1CE
tetradic
#DECBF6#FAE5E6#D4F1B1#E5FAF9
ACCESSIBILITY

White text

1.5:1AA Fail · AAA Fail
BEST TEXT

Contrast reference

#000000Choose final text in the actual UI context.
CIEDE2000

Related colors

Light Violet#E2CFFCΔE00 1.103Light Violet#E1CFFCΔE00 1.135Light Violet#E3CFFCΔE00 1.146Light Violet#E0CFFCΔE00 1.238Light Violet#E4CFFCΔE00 1.253Light Violet#DFCFFCΔE00 1.397Light Violet#E5CFFCΔE00 1.41Light Violet#E3D1FAΔE00 1.446Light Violet#E2D1FAΔE00 1.465Light Violet#E4D1FAΔE00 1.487Light Violet#E1D1FAΔE00 1.546Light Violet#E5D1FAΔE00 1.584Light Indigo#DECFFCΔE00 1.597Light Violet#E6CFFCΔE00 1.599Light Violet#E1CDFEΔE00 1.667Light Violet#E2CDFEΔE00 1.678Light Violet#E0D1FAΔE00 1.679Light Violet#E0CDFEΔE00 1.703Light Violet#E6D1FAΔE00 1.724Light Violet#E3CDFEΔE00 1.733Light Violet#DFCDFEΔE00 1.785Light Violet#E7CFFCΔE00 1.81Light Indigo#DDCFFCΔE00 1.827Light Violet#E4CDFEΔE00 1.828

About #decbf6 #DECBF6

#DECBF6 is represented by RGB (222, 203, 246) and HSL (267°, 70%, 88%). These values are useful references for digital design, interfaces, charts, illustrations and development workflows.

HEX is convenient for CSS and design tokens. RGB describes the screen color channels, HSL provides an intuitive hue/saturation/lightness model, and CMYK is a conversion reference for print workflows. Actual print appearance can vary with color profiles, inks, paper and production conditions.

Pritikart Color Lab also provides CIEDE2000 similarity, color harmonies, generated lighter/darker relationships and WCAG contrast calculations. Accessibility results are mathematical checks and should be verified in the final UI context.