#558ADA

#558ADA

#DAA555

#DAA555

Contrast Ratio

1.57:1

Delta E

95.59

Very Different

50:50 Mix

#AC969A

Color Values

Format #558ADA #DAA555
HEX #558ADA #DAA555
RGB 85, 138, 218 218, 165, 85
HSL 216.1, 64.3%, 59.4% 36.1, 64.3%, 59.4%
HSV 216.1, 61.0%, 85.5% 36.1, 61.0%, 85.5%
CMYK 61.0%, 36.7%, 0.0%, 14.5% 0.0%, 24.3%, 61.0%, 14.5%
OKLCH 0.6332 0.1338 258.4 0.7558 0.1158 75.7

Contrast & Accessibility

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DAA555 → Background: #558ADA

The quick brown fox jumps over the lazy dog

Text: #558ADA → Background: #DAA555

Color Difference (Delta E)

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

Gradient

#558ADA #7D8EC5 #9892B0 #AC969A #BE9B84 #CDA06E #DAA555

Color Mixing

#558ADA

100%

#8B90BA

75:25

#AC969A

50:50

#C59D79

25:75

#DAA555

100%

CSS Gradient Code

background: linear-gradient(to right, #558ADA, #DAA555);
background: linear-gradient(135deg, #558ADA, #DAA555);

Explore Each Color

#558ADA

View full color details

#DAA555

View full color details

Related Comparisons