#7EB5F1

#7EB5F1

#F1BA7E

#F1BA7E

Contrast Ratio

1.24:1

Delta E

75.17

Very Different

50:50 Mix

#C6B7B8

Color Values

Format #7EB5F1 #F1BA7E
HEX #7EB5F1 #F1BA7E
RGB 126, 181, 241 241, 186, 126
HSL 211.3, 80.4%, 72.0% 31.3, 80.4%, 72.0%
HSV 211.3, 47.7%, 94.5% 31.3, 47.7%, 94.5%
CMYK 47.7%, 24.9%, 0.0%, 5.5% 0.0%, 22.8%, 47.7%, 5.5%
OKLCH 0.7583 0.1044 251.4 0.8257 0.0996 68.2

Contrast & Accessibility

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1BA7E → Background: #7EB5F1

The quick brown fox jumps over the lazy dog

Text: #7EB5F1 → Background: #F1BA7E

Color Difference (Delta E)

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

Gradient

#7EB5F1 #9CB6DE #B3B6CB #C6B7B8 #D6B8A5 #E4B992 #F1BA7E

Color Mixing

#7EB5F1

100%

#A8B6D5

75:25

#C6B7B8

50:50

#DDB99C

25:75

#F1BA7E

100%

CSS Gradient Code

background: linear-gradient(to right, #7EB5F1, #F1BA7E);
background: linear-gradient(135deg, #7EB5F1, #F1BA7E);

Explore Each Color

#7EB5F1

View full color details

#F1BA7E

View full color details

Related Comparisons