#BAFFF3

#BAFFF3

#FFBAC6

#FFBAC6

Contrast Ratio

1.43:1

Delta E

52.27

Very Different

50:50 Mix

#E3DEDC

Color Values

Format #BAFFF3 #FFBAC6
HEX #BAFFF3 #FFBAC6
RGB 186, 255, 243 255, 186, 198
HSL 169.6, 100.0%, 86.5% 349.6, 100.0%, 86.5%
HSV 169.6, 27.1%, 100.0% 349.6, 27.1%, 100.0%
CMYK 27.1%, 0.0%, 4.7%, 0.0% 0.0%, 27.1%, 22.4%, 0.0%
OKLCH 0.951 0.0703 182.8 0.8558 0.081 7.4

Contrast & Accessibility

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFBAC6 → Background: #BAFFF3

The quick brown fox jumps over the lazy dog

Text: #BAFFF3 → Background: #FFBAC6

Color Difference (Delta E)

52.27 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#BAFFF3 #C9F4EB #D7E9E4 #E3DEDC #EDD2D5 #F7C6CD #FFBAC6

Color Mixing

#BAFFF3

100%

#D0EFE8

75:25

#E3DEDC

50:50

#F2CCD1

25:75

#FFBAC6

100%

CSS Gradient Code

background: linear-gradient(to right, #BAFFF3, #FFBAC6);
background: linear-gradient(135deg, #BAFFF3, #FFBAC6);

Explore Each Color

#BAFFF3

View full color details

#FFBAC6

View full color details

Related Comparisons