#ABF3D9

#ABF3D9

#F3ABC5

#F3ABC5

Contrast Ratio

1.45:1

Delta E

59.77

Very Different

50:50 Mix

#D5D1CF

Color Values

Format #ABF3D9 #F3ABC5
HEX #ABF3D9 #F3ABC5
RGB 171, 243, 217 243, 171, 197
HSL 158.3, 75.0%, 81.2% 338.3, 75.0%, 81.2%
HSV 158.3, 29.6%, 95.3% 338.3, 29.6%, 95.3%
CMYK 29.6%, 0.0%, 10.7%, 4.7% 0.0%, 29.6%, 18.9%, 4.7%
OKLCH 0.9095 0.0801 170.0 0.8169 0.0902 355.9

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3ABC5 → Background: #ABF3D9

The quick brown fox jumps over the lazy dog

Text: #ABF3D9 → Background: #F3ABC5

Color Difference (Delta E)

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

Gradient

#ABF3D9 #BBE8D6 #C9DCD2 #D5D1CF #E0C5CC #EAB8C8 #F3ABC5

Color Mixing

#ABF3D9

100%

#C2E2D4

75:25

#D5D1CF

50:50

#E5BECA

25:75

#F3ABC5

100%

CSS Gradient Code

background: linear-gradient(to right, #ABF3D9, #F3ABC5);
background: linear-gradient(135deg, #ABF3D9, #F3ABC5);

Explore Each Color

#ABF3D9

View full color details

#F3ABC5

View full color details

Related Comparisons