#5877F9

#5877F9

#F9DA58

#F9DA58

Contrast Ratio

2.8:1

Delta E

142.08

Very Different

50:50 Mix

#C4A5B0

Color Values

Format #5877F9 #F9DA58
HEX #5877F9 #F9DA58
RGB 88, 119, 249 249, 218, 88
HSL 228.4, 93.1%, 66.1% 48.4, 93.1%, 66.1%
HSV 228.4, 64.7%, 97.6% 48.4, 64.7%, 97.6%
CMYK 64.7%, 52.2%, 0.0%, 2.4% 0.0%, 12.4%, 64.7%, 2.4%
OKLCH 0.6156 0.1965 269.7 0.8909 0.1498 95.7

Contrast & Accessibility

2.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F9DA58 → Background: #5877F9

The quick brown fox jumps over the lazy dog

Text: #5877F9 → Background: #F9DA58

Color Difference (Delta E)

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

Gradient

#5877F9 #8B85E1 #AB95C9 #C4A5B0 #D8B696 #EAC87A #F9DA58

Color Mixing

#5877F9

100%

#9C8DD5

75:25

#C4A5B0

50:50

#E1BF88

25:75

#F9DA58

100%

CSS Gradient Code

background: linear-gradient(to right, #5877F9, #F9DA58);
background: linear-gradient(135deg, #5877F9, #F9DA58);

Explore Each Color

#5877F9

View full color details

#F9DA58

View full color details

Related Comparisons