#80AAF6

#80AAF6

#F6CC80

#F6CC80

Contrast Ratio

1.54:1

Delta E

86.78

Very Different

50:50 Mix

#C9BABD

Color Values

Format #80AAF6 #F6CC80
HEX #80AAF6 #F6CC80
RGB 128, 170, 246 246, 204, 128
HSL 218.6, 86.8%, 73.3% 38.6, 86.8%, 73.3%
HSV 218.6, 48.0%, 96.5% 38.6, 48.0%, 96.5%
CMYK 48.0%, 30.9%, 0.0%, 3.5% 0.0%, 17.1%, 48.0%, 3.5%
OKLCH 0.7385 0.1199 261.7 0.8654 0.1056 81.4

Contrast & Accessibility

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F6CC80 → Background: #80AAF6

The quick brown fox jumps over the lazy dog

Text: #80AAF6 → Background: #F6CC80

Color Difference (Delta E)

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

Gradient

#80AAF6 #9EAFE3 #B5B4D0 #C9BABD #DAC0A9 #E9C695 #F6CC80

Color Mixing

#80AAF6

100%

#AAB2DA

75:25

#C9BABD

50:50

#E1C39F

25:75

#F6CC80

100%

CSS Gradient Code

background: linear-gradient(to right, #80AAF6, #F6CC80);
background: linear-gradient(135deg, #80AAF6, #F6CC80);

Explore Each Color

#80AAF6

View full color details

#F6CC80

View full color details

Related Comparisons