#5555F6

#5555F6

#F6F655

#F6F655

Contrast Ratio

4.54:1

Delta E

175.23

Very Different

50:50 Mix

#C4A2B1

Color Values

Format #5555F6 #F6F655
HEX #5555F6 #F6F655
RGB 85, 85, 246 246, 246, 85
HSL 240.0, 89.9%, 64.9% 60.0, 89.9%, 64.9%
HSV 240.0, 65.4%, 96.5% 60.0, 65.4%, 96.5%
CMYK 65.4%, 65.4%, 0.0%, 3.5% 0.0%, 0.0%, 65.4%, 3.5%
OKLCH 0.5523 0.2333 275.6 0.9451 0.1761 109.3

Contrast & Accessibility

4.54:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F6F655 → Background: #5555F6

The quick brown fox jumps over the lazy dog

Text: #5555F6 → Background: #F6F655

Color Difference (Delta E)

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

Gradient

#5555F6 #8A6EE0 #AB88C9 #C4A2B1 #D8BE98 #E8DA7B #F6F655

Color Mixing

#5555F6

100%

#9C7BD5

75:25

#C4A2B1

50:50

#E0CC8A

25:75

#F6F655

100%

CSS Gradient Code

background: linear-gradient(to right, #5555F6, #F6F655);
background: linear-gradient(135deg, #5555F6, #F6F655);

Explore Each Color

#5555F6

View full color details

#F6F655

View full color details

Related Comparisons