Live Color Intelligence
#CFBAF2
COLOR PROFILE

#cfbaf2

#CFBAF2 · Custom · tint

Find Similar
COLOR VALUES

Conversion reference

HEX#CFBAF2
RGB207, 186, 242
HSL263°, 68%, 84%
HSV263°, 23.0%, 95.0%
HWB263°, 72.9%, 5.1%
CMYK14%, 23%, 0%, 5%
LAB78.92, 18.14, -25.04
CSS--color-primary: #CFBAF2;
Tailwindcolors: { primary: '#CFBAF2' }
HARMONIES

Color relationships

analogous
#BACAF2#D6D4F7#BEA1ED#EDD4F7#EDA1E9
complementary
#D0BAF2#EAF7D4
triadic
#D0BAF2#F7E1D4#A1EDBE
tetradic
#D0BAF2#F7D4D8#D0EDA1#D4F7F3
ACCESSIBILITY

White text

1.76:1AA Fail · AAA Fail
BEST TEXT

Contrast reference

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

Related colors

Light Violet#CFB9F4ΔE00 0.695Light Violet#D0B9F4ΔE00 0.721Light Violet#CEB9F4ΔE00 0.765Light Violet#D1B9F4ΔE00 0.832Light Violet#CDB9F4ΔE00 0.91Light Violet#D2B9F4ΔE00 1Light Violet#CFBCF0ΔE00 1.012Light Violet#D0BCF0ΔE00 1.025Light Violet#CEBCF0ΔE00 1.071Light Indigo#CCB9F4ΔE00 1.102Light Violet#D1BCF0ΔE00 1.108Light Indigo#CDBCF0ΔE00 1.193Light Violet#D3B9F4ΔE00 1.199Light Violet#D2BCF0ΔE00 1.244Light Indigo#CBB9F4ΔE00 1.321Light Indigo#CCBCF0ΔE00 1.362Light Violet#D4B9F4ΔE00 1.416Light Violet#D3BCF0ΔE00 1.418Light Indigo#CAB9F4ΔE00 1.557Light Indigo#CBBCF0ΔE00 1.564Light Violet#D4BCF0ΔE00 1.616Light Violet#D5B9F4ΔE00 1.644Light Indigo#CABCF0ΔE00 1.788Light Indigo#C9B9F4ΔE00 1.804

About #cfbaf2 #CFBAF2

#CFBAF2 is represented by RGB (207, 186, 242) and HSL (263°, 68%, 84%). 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.