#5D84EC

#5D84EC

#ECC55D

#ECC55D

Contrast Ratio

2.13:1

Delta E

116.45

Very Different

50:50 Mix

#BBA2A9

Color Values

Format #5D84EC #ECC55D
HEX #5D84EC #ECC55D
RGB 93, 132, 236 236, 197, 93
HSL 223.6, 79.0%, 64.5% 43.6, 79.0%, 64.5%
HSV 223.6, 60.6%, 92.5% 43.6, 60.6%, 92.5%
CMYK 60.6%, 44.1%, 0.0%, 7.5% 0.0%, 16.5%, 60.6%, 7.5%
OKLCH 0.6352 0.162 266.4 0.8375 0.1298 88.8

Contrast & Accessibility

2.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #ECC55D → Background: #5D84EC

The quick brown fox jumps over the lazy dog

Text: #5D84EC → Background: #ECC55D

Color Difference (Delta E)

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

Gradient

#5D84EC #878DD6 #A498C0 #BBA2A9 #CDAE92 #DEB979 #ECC55D

Color Mixing

#5D84EC

100%

#9792CB

75:25

#BBA2A9

50:50

#D6B386

25:75

#ECC55D

100%

CSS Gradient Code

background: linear-gradient(to right, #5D84EC, #ECC55D);
background: linear-gradient(135deg, #5D84EC, #ECC55D);

Explore Each Color

#5D84EC

View full color details

#ECC55D

View full color details

Related Comparisons