#5655F8

#5655F8

#F7F855

#F7F855

Contrast Ratio

4.57:1

Delta E

177.05

Very Different

50:50 Mix

#C5A3B3

Color Values

Format #5655F8 #F7F855
HEX #5655F8 #F7F855
RGB 86, 85, 248 247, 248, 85
HSL 240.4, 92.1%, 65.3% 60.4, 92.1%, 65.3%
HSV 240.4, 65.7%, 97.3% 60.4, 65.7%, 97.3%
CMYK 65.3%, 65.7%, 0.0%, 2.7% 0.4%, 0.0%, 65.7%, 2.7%
OKLCH 0.5546 0.2355 275.8 0.9501 0.1779 109.7

Contrast & Accessibility

4.57:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7F855 → Background: #5655F8

The quick brown fox jumps over the lazy dog

Text: #5655F8 → Background: #F7F855

Color Difference (Delta E)

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

Gradient

#5655F8 #8B6EE2 #AC88CB #C5A3B3 #D9BF99 #E9DB7B #F7F855

Color Mixing

#5655F8

100%

#9D7BD6

75:25

#C5A3B3

50:50

#E1CD8B

25:75

#F7F855

100%

CSS Gradient Code

background: linear-gradient(to right, #5655F8, #F7F855);
background: linear-gradient(135deg, #5655F8, #F7F855);

Explore Each Color

#5655F8

View full color details

#F7F855

View full color details

Related Comparisons