#BAF7DC

#BAF7DC

#F7BAD5

#F7BAD5

Contrast Ratio

1.35:1

Delta E

53.03

Very Different

50:50 Mix

#DDDAD9

Color Values

Format #BAF7DC #F7BAD5
HEX #BAF7DC #F7BAD5
RGB 186, 247, 220 247, 186, 213
HSL 153.4, 79.2%, 84.9% 333.4, 79.2%, 84.9%
HSV 153.4, 24.7%, 96.9% 333.4, 24.7%, 96.9%
CMYK 24.7%, 0.0%, 10.9%, 3.1% 0.0%, 24.7%, 13.8%, 3.1%
OKLCH 0.9275 0.0717 165.9 0.852 0.078 350.6

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7BAD5 → Background: #BAF7DC

The quick brown fox jumps over the lazy dog

Text: #BAF7DC → Background: #F7BAD5

Color Difference (Delta E)

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

Gradient

#BAF7DC #C7EDDB #D2E4DA #DDDAD9 #E6D0D7 #EFC5D6 #F7BAD5

Color Mixing

#BAF7DC

100%

#CDE9DA

75:25

#DDDAD9

50:50

#EBCAD7

25:75

#F7BAD5

100%

CSS Gradient Code

background: linear-gradient(to right, #BAF7DC, #F7BAD5);
background: linear-gradient(135deg, #BAF7DC, #F7BAD5);

Explore Each Color

#BAF7DC

View full color details

#F7BAD5

View full color details

Related Comparisons