#558DFF

#558DFF

#FFC755

#FFC755

Contrast Ratio

2.04:1

Delta E

127.42

Very Different

50:50 Mix

#C8A8B0

Color Values

Format #558DFF #FFC755
HEX #558DFF #FFC755
RGB 85, 141, 255 255, 199, 85
HSL 220.2, 100.0%, 66.7% 40.2, 100.0%, 66.7%
HSV 220.2, 66.7%, 100.0% 40.2, 66.7%, 100.0%
CMYK 66.7%, 44.7%, 0.0%, 0.0% 0.0%, 22.0%, 66.7%, 0.0%
OKLCH 0.6616 0.1794 262.8 0.8594 0.1434 82.3

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFC755 → Background: #558DFF

The quick brown fox jumps over the lazy dog

Text: #558DFF → Background: #FFC755

Color Difference (Delta E)

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

Gradient

#558DFF #8C95E5 #AE9ECA #C8A8B0 #DDB294 #EFBC77 #FFC755

Color Mixing

#558DFF

100%

#9E9AD8

75:25

#C8A8B0

50:50

#E6B786

25:75

#FFC755

100%

CSS Gradient Code

background: linear-gradient(to right, #558DFF, #FFC755);
background: linear-gradient(135deg, #558DFF, #FFC755);

Explore Each Color

#558DFF

View full color details

#FFC755

View full color details

Related Comparisons