#7EB0F8

#7EB0F8

#F8C67E

#F8C67E

Contrast Ratio

1.41:1

Delta E

84.61

Very Different

50:50 Mix

#CABABC

Color Values

Format #7EB0F8 #F8C67E
HEX #7EB0F8 #F8C67E
RGB 126, 176, 248 248, 198, 126
HSL 215.4, 89.7%, 73.3% 35.4, 89.7%, 73.3%
HSV 215.4, 49.2%, 97.3% 35.4, 49.2%, 97.3%
CMYK 49.2%, 29.0%, 0.0%, 2.7% 0.0%, 20.2%, 49.2%, 2.7%
OKLCH 0.7509 0.1175 257.5 0.8555 0.1063 75.6

Contrast & Accessibility

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F8C67E → Background: #7EB0F8

The quick brown fox jumps over the lazy dog

Text: #7EB0F8 → Background: #F8C67E

Color Difference (Delta E)

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

Gradient

#7EB0F8 #9EB3E4 #B6B7D0 #CABABC #DBBEA8 #EAC294 #F8C67E

Color Mixing

#7EB0F8

100%

#ABB5DA

75:25

#CABABC

50:50

#E3C09E

25:75

#F8C67E

100%

CSS Gradient Code

background: linear-gradient(to right, #7EB0F8, #F8C67E);
background: linear-gradient(135deg, #7EB0F8, #F8C67E);

Explore Each Color

#7EB0F8

View full color details

#F8C67E

View full color details

Related Comparisons