#ABF2E1

#ABF2E1

#F2ABBC

#F2ABBC

Contrast Ratio

1.46:1

Delta E

55.6

Very Different

50:50 Mix

#D5D0CE

Color Values

Format #ABF2E1 #F2ABBC
HEX #ABF2E1 #F2ABBC
RGB 171, 242, 225 242, 171, 188
HSL 165.6, 73.2%, 81.0% 345.6, 73.2%, 81.0%
HSV 165.6, 29.3%, 94.9% 345.6, 29.3%, 94.9%
CMYK 29.3%, 0.0%, 7.0%, 5.1% 0.0%, 29.3%, 22.3%, 5.1%
OKLCH 0.9095 0.0744 178.0 0.8132 0.0858 3.4

Contrast & Accessibility

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2ABBC → Background: #ABF2E1

The quick brown fox jumps over the lazy dog

Text: #ABF2E1 → Background: #F2ABBC

Color Difference (Delta E)

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

Gradient

#ABF2E1 #BBE7DB #C9DCD4 #D5D0CE #E0C4C8 #E9B8C2 #F2ABBC

Color Mixing

#ABF2E1

100%

#C2E1D8

75:25

#D5D0CE

50:50

#E5BEC5

25:75

#F2ABBC

100%

CSS Gradient Code

background: linear-gradient(to right, #ABF2E1, #F2ABBC);
background: linear-gradient(135deg, #ABF2E1, #F2ABBC);

Explore Each Color

#ABF2E1

View full color details

#F2ABBC

View full color details

Related Comparisons