#BAFFE5

#BAFFE5

#FFBAD4

#FFBAD4

Contrast Ratio

1.4:1

Delta E

57.3

Very Different

50:50 Mix

#E2DEDD

Color Values

Format #BAFFE5 #FFBAD4
HEX #BAFFE5 #FFBAD4
RGB 186, 255, 229 255, 186, 212
HSL 157.4, 100.0%, 86.5% 337.4, 100.0%, 86.5%
HSV 157.4, 27.1%, 100.0% 337.4, 27.1%, 100.0%
CMYK 27.1%, 0.0%, 10.2%, 0.0% 0.0%, 27.1%, 16.9%, 0.0%
OKLCH 0.9471 0.0772 169.3 0.8598 0.0857 354.7

Contrast & Accessibility

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFBAD4 → Background: #BAFFE5

The quick brown fox jumps over the lazy dog

Text: #BAFFE5 → Background: #FFBAD4

Color Difference (Delta E)

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

Gradient

#BAFFE5 #C9F4E2 #D6E9DF #E2DEDD #ECD2DA #F6C6D7 #FFBAD4

Color Mixing

#BAFFE5

100%

#D0EFE1

75:25

#E2DEDD

50:50

#F1CCD8

25:75

#FFBAD4

100%

CSS Gradient Code

background: linear-gradient(to right, #BAFFE5, #FFBAD4);
background: linear-gradient(135deg, #BAFFE5, #FFBAD4);

Explore Each Color

#BAFFE5

View full color details

#FFBAD4

View full color details

Related Comparisons