#7EB4F4

#7EB4F4

#F4BE7E

#F4BE7E

Contrast Ratio

1.29:1

Delta E

78.37

Very Different

50:50 Mix

#C8B9BA

Color Values

Format #7EB4F4 #F4BE7E
HEX #7EB4F4 #F4BE7E
RGB 126, 180, 244 244, 190, 126
HSL 212.5, 84.3%, 72.5% 32.5, 84.3%, 72.5%
HSV 212.5, 48.4%, 95.7% 32.5, 48.4%, 95.7%
CMYK 48.4%, 26.2%, 0.0%, 4.3% 0.0%, 22.1%, 48.4%, 4.3%
OKLCH 0.7575 0.1089 253.3 0.8363 0.1021 70.4

Contrast & Accessibility

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4BE7E → Background: #7EB4F4

The quick brown fox jumps over the lazy dog

Text: #7EB4F4 → Background: #F4BE7E

Color Difference (Delta E)

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

Gradient

#7EB4F4 #9DB5E1 #B4B7CD #C8B9BA #D8BAA6 #E7BC93 #F4BE7E

Color Mixing

#7EB4F4

100%

#A9B6D7

75:25

#C8B9BA

50:50

#E0BB9D

25:75

#F4BE7E

100%

CSS Gradient Code

background: linear-gradient(to right, #7EB4F4, #F4BE7E);
background: linear-gradient(135deg, #7EB4F4, #F4BE7E);

Explore Each Color

#7EB4F4

View full color details

#F4BE7E

View full color details

Related Comparisons