Live Color Intelligence
#F2BAEC
COLOR PROFILE

#f2baec

#F2BAEC · Custom · tint

Find Similar
COLOR VALUES

Conversion reference

HEX#F2BAEC
RGB242, 186, 236
HSL306°, 68%, 84%
HSV306°, 23.0%, 95.0%
HWB306°, 72.9%, 5.1%
CMYK0%, 23%, 2%, 5%
LAB81.87, 28.22, -17.06
CSS--color-primary: #F2BAEC;
Tailwindcolors: { primary: '#F2BAEC' }
HARMONIES

Color relationships

analogous
#D3BAF2#EFD4F7#EDA1E5#F7D4E8#EDA1B3
complementary
#F2BAEC#D4F7D8
triadic
#F2BAEC#F3F7D4#A1E5ED
tetradic
#F2BAEC#F7E9D4#A1EDA8#D4E2F7
ACCESSIBILITY

White text

1.61:1AA Fail · AAA Fail
BEST TEXT

Contrast reference

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

Related colors

Light Fuchsia#F4B9ECΔE00 0.549Light Magenta#F4B9EDΔE00 0.598Light Fuchsia#F4B9EBΔE00 0.613Light Magenta#F4B9EEΔE00 0.736Light Fuchsia#F4B9EAΔE00 0.764Light Magenta#F0BCEDΔE00 0.793Light Magenta#F0BCECΔE00 0.801Light Magenta#F0BCEEΔE00 0.869Light Magenta#F0BCEBΔE00 0.892Light Magenta#F4B9EFΔE00 0.923Light Fuchsia#F4B9E9ΔE00 0.964Light Magenta#F0BCEFΔE00 1.007Light Magenta#F0BCEAΔE00 1.046Light Magenta#F4B9F0ΔE00 1.133Light Magenta#F0BCF0ΔE00 1.186Light Fuchsia#F4B9E8ΔE00 1.189Light Fuchsia#F0BCE9ΔE00 1.24Light Magenta#F4B9F1ΔE00 1.355Light Magenta#EFBCF0ΔE00 1.367Light Fuchsia#F4B9E7ΔE00 1.428Light Fuchsia#F0BCE8ΔE00 1.461Light Magenta#EEBCF0ΔE00 1.559Light Magenta#F4B9F2ΔE00 1.583Light Fuchsia#F7B6EBΔE00 1.64

About #f2baec #F2BAEC

#F2BAEC is represented by RGB (242, 186, 236) and HSL (306°, 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.