#7EB2F4

#7EB2F4

#F4C07E

#F4C07E

Contrast Ratio

1.33:1

Delta E

79.62

Very Different

50:50 Mix

#C7B8BA

Color Values

Format #7EB2F4 #F4C07E
HEX #7EB2F4 #F4C07E
RGB 126, 178, 244 244, 192, 126
HSL 213.6, 84.3%, 72.5% 33.6, 84.3%, 72.5%
HSV 213.6, 48.4%, 95.7% 33.6, 48.4%, 95.7%
CMYK 48.4%, 27.0%, 0.0%, 4.3% 0.0%, 21.3%, 48.4%, 4.3%
OKLCH 0.7533 0.1106 254.8 0.8401 0.1024 72.3

Contrast & Accessibility

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4C07E → Background: #7EB2F4

The quick brown fox jumps over the lazy dog

Text: #7EB2F4 → Background: #F4C07E

Color Difference (Delta E)

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

Gradient

#7EB2F4 #9DB4E1 #B4B6CD #C7B8BA #D8BBA7 #E7BD93 #F4C07E

Color Mixing

#7EB2F4

100%

#A9B5D7

75:25

#C7B8BA

50:50

#E0BC9D

25:75

#F4C07E

100%

CSS Gradient Code

background: linear-gradient(to right, #7EB2F4, #F4C07E);
background: linear-gradient(135deg, #7EB2F4, #F4C07E);

Explore Each Color

#7EB2F4

View full color details

#F4C07E

View full color details

Related Comparisons