#8AFDF8

#8AFDF8

#FD8A8F

#FD8A8F

Contrast Ratio

1.9:1

Delta E

84.76

Very Different

50:50 Mix

#D8C7C2

Color Values

Format #8AFDF8 #FD8A8F
HEX #8AFDF8 #FD8A8F
RGB 138, 253, 248 253, 138, 143
HSL 177.4, 96.6%, 76.7% 357.4, 96.6%, 76.7%
HSV 177.4, 45.5%, 99.2% 357.4, 45.5%, 99.2%
CMYK 45.5%, 0.0%, 2.0%, 0.8% 0.0%, 45.5%, 43.5%, 0.8%
OKLCH 0.9249 0.1056 191.8 0.7601 0.1395 18.2

Contrast & Accessibility

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FD8A8F → Background: #8AFDF8

The quick brown fox jumps over the lazy dog

Text: #8AFDF8 → Background: #FD8A8F

Color Difference (Delta E)

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

Gradient

#8AFDF8 #ACEBE6 #C5DAD4 #D8C7C2 #E7B4B1 #F3A0A0 #FD8A8F

Color Mixing

#8AFDF8

100%

#B9E3DD

75:25

#D8C7C2

50:50

#EDAAA8

25:75

#FD8A8F

100%

CSS Gradient Code

background: linear-gradient(to right, #8AFDF8, #FD8A8F);
background: linear-gradient(135deg, #8AFDF8, #FD8A8F);

Explore Each Color

#8AFDF8

View full color details

#FD8A8F

View full color details

Related Comparisons