Live Color Intelligence
#D1CDF4
COLOR PROFILE

#d1cdf4

#D1CDF4 · Custom · tint

Find Similar
COLOR VALUES

Conversion reference

HEX#D1CDF4
RGB209, 205, 244
HSL246°, 64%, 88%
HSV246°, 16.0%, 96.0%
HWB246°, 80.4%, 4.3%
CMYK14%, 16%, 0%, 4%
LAB83.84, 8.96, -18.64
CSS--color-primary: #D1CDF4;
Tailwindcolors: { primary: '#D1CDF4' }
HARMONIES

Color relationships

analogous
#CDE3F4#E6EAF9#BAB4EE#EEE6F9#E1B4EE
complementary
#D1CDF4#F8F9E6
triadic
#D1CDF4#F9E8E6#B4EEBA
tetradic
#D1CDF4#F9E6EE#E9EEB4#E6F9F2
ACCESSIBILITY

White text

1.53:1AA Fail · AAA Fail
BEST TEXT

Contrast reference

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

Related colors

Light Indigo#D5D1FAΔE00 1.113Light Cobalt#D4D1FAΔE00 1.145Light Indigo#D6D1FAΔE00 1.184Light Cobalt#D3D1FAΔE00 1.273Light Indigo#D7D1FAΔE00 1.339Light Cobalt#D2D1FAΔE00 1.474Light Cobalt#D6D3F8ΔE00 1.494Light Indigo#D7D3F8ΔE00 1.505Light Indigo#D8D1FAΔE00 1.551Light Cobalt#D5D3F8ΔE00 1.567Light Indigo#D8D3F8ΔE00 1.598Light Cobalt#D4D3F8ΔE00 1.715Light Indigo#D4CFFCΔE00 1.718Light Indigo#D3CFFCΔE00 1.718Light Cobalt#D1D1FAΔE00 1.723Light Indigo#D9D3F8ΔE00 1.757Light Indigo#D5CFFCΔE00 1.778Light Cobalt#D2CFFCΔE00 1.78Light Indigo#D9D1FAΔE00 1.799Light Indigo#D6CFFCΔE00 1.893Light Cobalt#D1CFFCΔE00 1.9Light Cobalt#D3D3F8ΔE00 1.923Light Indigo#DAD3F8ΔE00 1.964Light Cobalt#D1D2FAΔE00 2.027

About #d1cdf4 #D1CDF4

#D1CDF4 is represented by RGB (209, 205, 244) and HSL (246°, 64%, 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.