#7EB1E2

#7EB1E2

#E2AF7E

#E2AF7E

Contrast Ratio

1.15:1

Delta E

64.43

Very Different

50:50 Mix

#BBB0B0

Color Values

Format #7EB1E2 #E2AF7E
HEX #7EB1E2 #E2AF7E
RGB 126, 177, 226 226, 175, 126
HSL 209.4, 63.3%, 69.0% 29.4, 63.3%, 69.0%
HSV 209.4, 44.2%, 88.6% 29.4, 44.2%, 88.6%
CMYK 44.2%, 21.7%, 0.0%, 11.4% 0.0%, 22.6%, 44.2%, 11.4%
OKLCH 0.7431 0.0895 248.1 0.7895 0.0878 64.9

Contrast & Accessibility

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #E2AF7E → Background: #7EB1E2

The quick brown fox jumps over the lazy dog

Text: #7EB1E2 → Background: #E2AF7E

Color Difference (Delta E)

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

Gradient

#7EB1E2 #97B1D1 #ABB0C1 #BBB0B0 #CAB0A0 #D7AF8F #E2AF7E

Color Mixing

#7EB1E2

100%

#A1B0C9

75:25

#BBB0B0

50:50

#D0AF97

25:75

#E2AF7E

100%

CSS Gradient Code

background: linear-gradient(to right, #7EB1E2, #E2AF7E);
background: linear-gradient(135deg, #7EB1E2, #E2AF7E);

Explore Each Color

#7EB1E2

View full color details

#E2AF7E

View full color details

Related Comparisons