#5D79E2

#5D79E2

#E2C65D

#E2C65D

Contrast Ratio

2.35:1

Delta E

117.44

Very Different

50:50 Mix

#B39DA4

Color Values

Format #5D79E2 #E2C65D
HEX #5D79E2 #E2C65D
RGB 93, 121, 226 226, 198, 93
HSL 227.4, 69.6%, 62.5% 47.4, 69.6%, 62.5%
HSV 227.4, 58.8%, 88.6% 47.4, 58.8%, 88.6%
CMYK 58.8%, 46.5%, 0.0%, 11.4% 0.0%, 12.4%, 58.8%, 11.4%
OKLCH 0.6067 0.1617 269.8 0.83 0.1282 94.5

Contrast & Accessibility

2.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #E2C65D → Background: #5D79E2

The quick brown fox jumps over the lazy dog

Text: #5D79E2 → Background: #E2C65D

Color Difference (Delta E)

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

Gradient

#5D79E2 #8384CE #9E91B9 #B39DA4 #C5AB8F #D4B877 #E2C65D

Color Mixing

#5D79E2

100%

#928AC4

75:25

#B39DA4

50:50

#CDB183

25:75

#E2C65D

100%

CSS Gradient Code

background: linear-gradient(to right, #5D79E2, #E2C65D);
background: linear-gradient(135deg, #5D79E2, #E2C65D);

Explore Each Color

#5D79E2

View full color details

#E2C65D

View full color details

Related Comparisons