#BAF9F2

#BAF9F2

#F9BAC1

#F9BAC1

Contrast Ratio

1.4:1

Delta E

47.18

Very Different

50:50 Mix

#DFDAD9

Color Values

Format #BAF9F2 #F9BAC1
HEX #BAF9F2 #F9BAC1
RGB 186, 249, 242 249, 186, 193
HSL 173.3, 84.0%, 85.3% 353.3, 84.0%, 85.3%
HSV 173.3, 25.3%, 97.6% 353.3, 25.3%, 97.6%
CMYK 25.3%, 0.0%, 2.8%, 2.4% 0.0%, 25.3%, 22.5%, 2.4%
OKLCH 0.9379 0.0638 187.6 0.8483 0.0734 11.3

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: #F9BAC1 → Background: #BAF9F2

The quick brown fox jumps over the lazy dog

Text: #BAF9F2 → Background: #F9BAC1

Color Difference (Delta E)

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

Gradient

#BAF9F2 #C8EFEA #D4E5E1 #DFDAD9 #E9D0D1 #F1C5C9 #F9BAC1

Color Mixing

#BAF9F2

100%

#CEEAE6

75:25

#DFDAD9

50:50

#EDCBCD

25:75

#F9BAC1

100%

CSS Gradient Code

background: linear-gradient(to right, #BAF9F2, #F9BAC1);
background: linear-gradient(135deg, #BAF9F2, #F9BAC1);

Explore Each Color

#BAF9F2

View full color details

#F9BAC1

View full color details

Related Comparisons