#ABF4F2

#ABF4F2

#F4ABAD

#F4ABAD

Contrast Ratio

1.5:1

Delta E

54.39

Very Different

50:50 Mix

#D8D1CF

Color Values

Format #ABF4F2 #F4ABAD
HEX #ABF4F2 #F4ABAD
RGB 171, 244, 242 244, 171, 173
HSL 178.4, 76.8%, 81.4% 358.4, 76.8%, 81.4%
HSV 178.4, 29.9%, 95.7% 358.4, 29.9%, 95.7%
CMYK 29.9%, 0.0%, 0.8%, 4.3% 0.0%, 29.9%, 29.1%, 4.3%
OKLCH 0.9188 0.0721 193.8 0.8113 0.0862 17.3

Contrast & Accessibility

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4ABAD → Background: #ABF4F2

The quick brown fox jumps over the lazy dog

Text: #ABF4F2 → Background: #F4ABAD

Color Difference (Delta E)

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

Gradient

#ABF4F2 #BDE8E6 #CBDDDA #D8D1CF #E3C5C3 #ECB8B8 #F4ABAD

Color Mixing

#ABF4F2

100%

#C4E3E0

75:25

#D8D1CF

50:50

#E7BEBE

25:75

#F4ABAD

100%

CSS Gradient Code

background: linear-gradient(to right, #ABF4F2, #F4ABAD);
background: linear-gradient(135deg, #ABF4F2, #F4ABAD);

Explore Each Color

#ABF4F2

View full color details

#F4ABAD

View full color details

Related Comparisons