Live Color Intelligence
#F2BAC8
COLOR PROFILE

#f2bac8

#F2BAC8 · Custom · tint

Find Similar
COLOR VALUES

Conversion reference

HEX#F2BAC8
RGB242, 186, 200
HSL345°, 68%, 84%
HSV345°, 23.0%, 95.0%
HWB345°, 72.9%, 5.1%
CMYK0%, 23%, 17%, 5%
LAB80.83, 22.24, 0.76
CSS--color-primary: #F2BAC8;
Tailwindcolors: { primary: '#F2BAC8' }
HARMONIES

Color relationships

analogous
#F2BAED#F7D4E8#EDA1B4#F7D7D4#EDC1A1
complementary
#F2BAC8#D4F7EE
triadic
#F2BAC8#DDF7D4#A1B4ED
tetradic
#F2BAC8#EEF7D4#A1EDDA#DDD4F7
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#F4B9C7ΔE00 0.657Light Crimson#F4B9C8ΔE00 0.668Light Crimson#F4B9C6ΔE00 0.804Light Crimson#F4B9C9ΔE00 0.827Light Crimson#F0BCC9ΔE00 0.94Light Crimson#F0BCCAΔE00 0.943Light Crimson#F4B9C5ΔE00 1.046Light Crimson#F0BCC8ΔE00 1.06Light Crimson#F0BCCBΔE00 1.064Light Crimson#F4B9CAΔE00 1.066Light Crimson#F0BCCCΔE00 1.267Light Crimson#F0BCC7ΔE00 1.271Light Crimson#F4B9C4ΔE00 1.335Light Crimson#F4B9CBΔE00 1.342Light Crimson#F0BCCDΔE00 1.518Light Crimson#F0BCC6ΔE00 1.538Light Crimson#F4B9CCΔE00 1.635Light Crimson#F4B9C3ΔE00 1.649Light Crimson#F0BCCEΔE00 1.794Light Crimson#F0BCC5ΔE00 1.839Light Crimson#F7B6C5ΔE00 1.898Light Crimson#F7B6C6ΔE00 1.899Light Crimson#F4B9CDΔE00 1.934Light Crimson#F7B6C7ΔE00 1.954

About #f2bac8 #F2BAC8

#F2BAC8 is represented by RGB (242, 186, 200) and HSL (345°, 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.