#A2F2BA

#A2F2BA

#F2A2DA

#F2A2DA

Contrast Ratio

1.46:1

Delta E

82.86

Very Different

50:50 Mix

#D1CDCB

Color Values

Format #A2F2BA #F2A2DA
HEX #A2F2BA #F2A2DA
RGB 162, 242, 186 242, 162, 218
HSL 138.0, 75.5%, 79.2% 318.0, 75.5%, 79.2%
HSV 138.0, 33.1%, 94.9% 318.0, 33.1%, 94.9%
CMYK 33.1%, 0.0%, 23.1%, 5.1% 0.0%, 33.1%, 9.9%, 5.1%
OKLCH 0.8947 0.1102 153.2 0.8074 0.1178 338.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: #F2A2DA → Background: #A2F2BA

The quick brown fox jumps over the lazy dog

Text: #A2F2BA → Background: #F2A2DA

Color Difference (Delta E)

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

Gradient

#A2F2BA #B4E6C0 #C3DAC5 #D1CDCB #DDBFD0 #E8B1D5 #F2A2DA

Color Mixing

#A2F2BA

100%

#BCE0C3

75:25

#D1CDCB

50:50

#E3B8D2

25:75

#F2A2DA

100%

CSS Gradient Code

background: linear-gradient(to right, #A2F2BA, #F2A2DA);
background: linear-gradient(135deg, #A2F2BA, #F2A2DA);

Explore Each Color

#A2F2BA

View full color details

#F2A2DA

View full color details

Related Comparisons