#558CF7

#558CF7

#F7C055

#F7C055

Contrast Ratio

1.95:1

Delta E

120.89

Very Different

50:50 Mix

#C2A4AB

Color Values

Format #558CF7 #F7C055
HEX #558CF7 #F7C055
RGB 85, 140, 247 247, 192, 85
HSL 219.6, 91.0%, 65.1% 39.6, 91.0%, 65.1%
HSV 219.6, 65.6%, 96.9% 39.6, 65.6%, 96.9%
CMYK 65.6%, 43.3%, 0.0%, 3.1% 0.0%, 22.3%, 65.6%, 3.1%
OKLCH 0.6545 0.17 262.3 0.8379 0.1376 81.4

Contrast & Accessibility

1.95:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7C055 → Background: #558CF7

The quick brown fox jumps over the lazy dog

Text: #558CF7 → Background: #F7C055

Color Difference (Delta E)

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

Gradient

#558CF7 #8893DE #A99BC4 #C2A4AB #D6AD91 #E8B675 #F7C055

Color Mixing

#558CF7

100%

#9A97D1

75:25

#C2A4AB

50:50

#DFB283

25:75

#F7C055

100%

CSS Gradient Code

background: linear-gradient(to right, #558CF7, #F7C055);
background: linear-gradient(135deg, #558CF7, #F7C055);

Explore Each Color

#558CF7

View full color details

#F7C055

View full color details

Related Comparisons