#7C8AEE

#7C8AEE

#EEE07C

#EEE07C

Contrast Ratio

2.32:1

Delta E

110.22

Very Different

50:50 Mix

#C3B3B9

Color Values

Format #7C8AEE #EEE07C
HEX #7C8AEE #EEE07C
RGB 124, 138, 238 238, 224, 124
HSL 232.6, 77.0%, 71.0% 52.6, 77.0%, 71.0%
HSV 232.6, 47.9%, 93.3% 52.6, 47.9%, 93.3%
CMYK 47.9%, 42.0%, 0.0%, 6.7% 0.0%, 5.9%, 47.9%, 6.7%
OKLCH 0.6671 0.1483 275.6 0.8973 0.1225 101.4

Contrast & Accessibility

2.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #EEE07C → Background: #7C8AEE

The quick brown fox jumps over the lazy dog

Text: #7C8AEE → Background: #EEE07C

Color Difference (Delta E)

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

Gradient

#7C8AEE #9997DD #B0A5CB #C3B3B9 #D3C2A6 #E1D192 #EEE07C

Color Mixing

#7C8AEE

100%

#A59ED4

75:25

#C3B3B9

50:50

#DAC99C

25:75

#EEE07C

100%

CSS Gradient Code

background: linear-gradient(to right, #7C8AEE, #EEE07C);
background: linear-gradient(135deg, #7C8AEE, #EEE07C);

Explore Each Color

#7C8AEE

View full color details

#EEE07C

View full color details

Related Comparisons