#5580FC

#5580FC

#FCD155

#FCD155

Contrast Ratio

2.45:1

Delta E

136.26

Very Different

50:50 Mix

#C5A6AF

Color Values

Format #5580FC #FCD155
HEX #5580FC #FCD155
RGB 85, 128, 252 252, 209, 85
HSL 224.6, 96.5%, 66.1% 44.6, 96.5%, 66.1%
HSV 224.6, 66.3%, 98.8% 44.6, 66.3%, 98.8%
CMYK 66.3%, 49.2%, 0.0%, 1.2% 0.0%, 17.1%, 66.3%, 1.2%
OKLCH 0.6336 0.1906 266.6 0.8757 0.1469 89.7

Contrast & Accessibility

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FCD155 → Background: #5580FC

The quick brown fox jumps over the lazy dog

Text: #5580FC → Background: #FCD155

Color Difference (Delta E)

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

Gradient

#5580FC #8A8CE3 #AC98C9 #C5A6AF #DAB494 #ECC277 #FCD155

Color Mixing

#5580FC

100%

#9D92D6

75:25

#C5A6AF

50:50

#E4BB86

25:75

#FCD155

100%

CSS Gradient Code

background: linear-gradient(to right, #5580FC, #FCD155);
background: linear-gradient(135deg, #5580FC, #FCD155);

Explore Each Color

#5580FC

View full color details

#FCD155

View full color details

Related Comparisons