#7EB0F5

#7EB0F5

#F5C37E

#F5C37E

Contrast Ratio

1.38:1

Delta E

81.85

Very Different

50:50 Mix

#C8B9BB

Color Values

Format #7EB0F5 #F5C37E
HEX #7EB0F5 #F5C37E
RGB 126, 176, 245 245, 195, 126
HSL 214.8, 85.6%, 72.7% 34.8, 85.6%, 72.7%
HSV 214.8, 48.6%, 96.1% 34.8, 48.6%, 96.1%
CMYK 48.6%, 28.2%, 0.0%, 3.9% 0.0%, 20.4%, 48.6%, 3.9%
OKLCH 0.7495 0.1136 256.6 0.8468 0.1037 74.6

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5C37E → Background: #7EB0F5

The quick brown fox jumps over the lazy dog

Text: #7EB0F5 → Background: #F5C37E

Color Difference (Delta E)

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

Gradient

#7EB0F5 #9DB3E2 #B4B6CE #C8B9BB #D9BCA7 #E8BF93 #F5C37E

Color Mixing

#7EB0F5

100%

#A9B4D8

75:25

#C8B9BB

50:50

#E0BE9D

25:75

#F5C37E

100%

CSS Gradient Code

background: linear-gradient(to right, #7EB0F5, #F5C37E);
background: linear-gradient(135deg, #7EB0F5, #F5C37E);

Explore Each Color

#7EB0F5

View full color details

#F5C37E

View full color details

Related Comparisons