#558CFF

#558CFF

#FFC855

#FFC855

Contrast Ratio

2.07:1

Delta E

128.27

Very Different

50:50 Mix

#C8A8B0

Color Values

Format #558CFF #FFC855
HEX #558CFF #FFC855
RGB 85, 140, 255 255, 200, 85
HSL 220.6, 100.0%, 66.7% 40.6, 100.0%, 66.7%
HSV 220.6, 66.7%, 100.0% 40.6, 66.7%, 100.0%
CMYK 66.7%, 45.1%, 0.0%, 0.0% 0.0%, 21.6%, 66.7%, 0.0%
OKLCH 0.6595 0.1805 263.1 0.8613 0.1437 83.0

Contrast & Accessibility

2.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFC855 → Background: #558CFF

The quick brown fox jumps over the lazy dog

Text: #558CFF → Background: #FFC855

Color Difference (Delta E)

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

Gradient

#558CFF #8C94E5 #AE9ECA #C8A8B0 #DDB294 #EFBD77 #FFC855

Color Mixing

#558CFF

100%

#9E99D8

75:25

#C8A8B0

50:50

#E6B786

25:75

#FFC855

100%

CSS Gradient Code

background: linear-gradient(to right, #558CFF, #FFC855);
background: linear-gradient(135deg, #558CFF, #FFC855);

Explore Each Color

#558CFF

View full color details

#FFC855

View full color details

Related Comparisons