Live Color Intelligence
#F2BACA
COLOR PROFILE

#f2baca

#F2BACA · Custom · tint

Find Similar
COLOR VALUES

Conversion reference

HEX#F2BACA
RGB242, 186, 202
HSL343°, 68%, 84%
HSV343°, 23.0%, 95.0%
HWB343°, 72.9%, 5.1%
CMYK0%, 23%, 17%, 5%
LAB80.88, 22.55, -0.24
CSS--color-primary: #F2BACA;
Tailwindcolors: { primary: '#F2BACA' }
HARMONIES

Color relationships

analogous
#F2BAEF#F7D4EA#EDA1B6#F7D6D4#EDBEA1
complementary
#F2BACA#D4F7ED
triadic
#F2BACA#DEF7D4#A1B6ED
tetradic
#F2BACA#EFF7D4#A1EDD7#DCD4F7
ACCESSIBILITY

White text

1.66:1AA Fail · AAA Fail
BEST TEXT

Contrast reference

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

Related colors

Light Crimson#F4B9C9ΔE00 0.656Light Crimson#F4B9CAΔE00 0.659Light Crimson#F4B9C8ΔE00 0.804Light Crimson#F4B9CBΔE00 0.809Light Crimson#F0BCCBΔE00 0.93Light Crimson#F0BCCCΔE00 0.94Light Crimson#F0BCCAΔE00 1.04Light Crimson#F4B9CCΔE00 1.041Light Crimson#F4B9C7ΔE00 1.043Light Crimson#F0BCCDΔE00 1.063Light Crimson#F0BCC9ΔE00 1.241Light Crimson#F0BCCEΔE00 1.264Light Crimson#F4B9CDΔE00 1.31Light Crimson#F4B9C6ΔE00 1.328Light Crimson#F0BCC8ΔE00 1.499Light Crimson#F0BCCFΔE00 1.511Light Crimson#F4B9CEΔE00 1.596Light Crimson#F4B9C5ΔE00 1.636Light Rose#F0BCD0ΔE00 1.782Light Crimson#F0BCC7ΔE00 1.792Light Crimson#F7B6C8ΔE00 1.883Light Crimson#F7B6C7ΔE00 1.89Light Rose#F4B9CFΔE00 1.891Light Crimson#F7B6C9ΔE00 1.93

About #f2baca #F2BACA

#F2BACA is represented by RGB (242, 186, 202) and HSL (343°, 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.