#5076EC

#5076EC

#ECC650

#ECC650

Contrast Ratio

2.48:1

Delta E

131.0

Very Different

50:50 Mix

#B99BA5

Color Values

Format #5076EC #ECC650
HEX #5076EC #ECC650
RGB 80, 118, 236 236, 198, 80
HSL 225.4, 80.4%, 62.0% 45.4, 80.4%, 62.0%
HSV 225.4, 66.1%, 92.5% 45.4, 66.1%, 92.5%
CMYK 66.1%, 50.0%, 0.0%, 7.5% 0.0%, 16.1%, 66.1%, 7.5%
OKLCH 0.6005 0.1828 267.3 0.8382 0.1404 91.1

Contrast & Accessibility

2.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #ECC650 → Background: #5076EC

The quick brown fox jumps over the lazy dog

Text: #5076EC → Background: #ECC650

Color Difference (Delta E)

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

Gradient

#5076EC #8282D5 #A18EBD #B99BA5 #CCA98B #DDB770 #ECC650

Color Mixing

#5076EC

100%

#9388C9

75:25

#B99BA5

50:50

#D5B07E

25:75

#ECC650

100%

CSS Gradient Code

background: linear-gradient(to right, #5076EC, #ECC650);
background: linear-gradient(135deg, #5076EC, #ECC650);

Explore Each Color

#5076EC

View full color details

#ECC650

View full color details

Related Comparisons