#567AF1

#567AF1

#F1CD56

#F1CD56

Contrast Ratio

2.5:1

Delta E

131.51

Very Different

50:50 Mix

#BDA1AA

Color Values

Format #567AF1 #F1CD56
HEX #567AF1 #F1CD56
RGB 86, 122, 241 241, 205, 86
HSL 226.1, 84.7%, 64.1% 46.1, 84.7%, 64.1%
HSV 226.1, 64.3%, 94.5% 46.1, 64.3%, 94.5%
CMYK 64.3%, 49.4%, 0.0%, 5.5% 0.0%, 14.9%, 64.3%, 5.5%
OKLCH 0.6148 0.1829 268.0 0.8574 0.1413 92.2

Contrast & Accessibility

2.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1CD56 → Background: #567AF1

The quick brown fox jumps over the lazy dog

Text: #567AF1 → Background: #F1CD56

Color Difference (Delta E)

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

Gradient

#567AF1 #8686DA #A593C2 #BDA1AA #D1AF91 #E2BE76 #F1CD56

Color Mixing

#567AF1

100%

#978CCE

75:25

#BDA1AA

50:50

#DAB684

25:75

#F1CD56

100%

CSS Gradient Code

background: linear-gradient(to right, #567AF1, #F1CD56);
background: linear-gradient(135deg, #567AF1, #F1CD56);

Explore Each Color

#567AF1

View full color details

#F1CD56

View full color details

Related Comparisons