#5559AF

#5559AF

#AFAB55

#AFAB55

Contrast Ratio

2.56:1

Delta E

100.52

Very Different

50:50 Mix

Color Values

Format #5559AF #AFAB55
HEX #5559AF #AFAB55
RGB 85, 89, 175 175, 171, 85
HSL 237.3, 36.0%, 51.0% 57.3, 36.0%, 51.0%
HSV 237.3, 51.4%, 68.6% 57.3, 51.4%, 68.6%
CMYK 51.4%, 49.1%, 0.0%, 31.4% 0.0%, 2.3%, 51.4%, 31.4%
OKLCH 0.5044 0.1341 278.4 0.7263 0.1089 106.4

Contrast & Accessibility

2.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AFAB55 → Background: #5559AF

The quick brown fox jumps over the lazy dog

Text: #5559AF → Background: #AFAB55

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #5559AF, #AFAB55);
background: linear-gradient(135deg, #5559AF, #AFAB55);

Explore Each Color

Related Comparisons