#5560FF

#5560FF

#FFF455

#FFF455

Contrast Ratio

4.07:1

Delta E

171.73

Very Different

50:50 Mix

#C9A6B6

Color Values

Format #5560FF #FFF455
HEX #5560FF #FFF455
RGB 85, 96, 255 255, 244, 85
HSL 236.1, 100.0%, 66.7% 56.1, 100.0%, 66.7%
HSV 236.1, 66.7%, 100.0% 56.1, 66.7%, 100.0%
CMYK 66.7%, 62.4%, 0.0%, 0.0% 0.0%, 4.3%, 66.7%, 0.0%
OKLCH 0.5776 0.2321 273.5 0.9484 0.173 105.4

Contrast & Accessibility

4.07:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFF455 → Background: #5560FF

The quick brown fox jumps over the lazy dog

Text: #5560FF → Background: #FFF455

Color Difference (Delta E)

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

Gradient

#5560FF #8D76E7 #AF8ECF #C9A6B6 #DEC09A #F0DA7C #FFF455

Color Mixing

#5560FF

100%

#A082DB

75:25

#C9A6B6

50:50

#E8CD8C

25:75

#FFF455

100%

CSS Gradient Code

background: linear-gradient(to right, #5560FF, #FFF455);
background: linear-gradient(135deg, #5560FF, #FFF455);

Explore Each Color

#5560FF

View full color details

#FFF455

View full color details

Related Comparisons