#5779F9

#5779F9

#F9D757

#F9D757

Contrast Ratio

2.7:1

Delta E

140.11

Very Different

50:50 Mix

#C4A5AF

Color Values

Format #5779F9 #F9D757
HEX #5779F9 #F9D757
RGB 87, 121, 249 249, 215, 87
HSL 227.4, 93.1%, 65.9% 47.4, 93.1%, 65.9%
HSV 227.4, 65.1%, 97.6% 47.4, 65.1%, 97.6%
CMYK 65.1%, 51.4%, 0.0%, 2.4% 0.0%, 13.7%, 65.1%, 2.4%
OKLCH 0.6189 0.1944 268.9 0.8849 0.1485 94.2

Contrast & Accessibility

2.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F9D757 → Background: #5779F9

The quick brown fox jumps over the lazy dog

Text: #5779F9 → Background: #F9D757

Color Difference (Delta E)

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

Gradient

#5779F9 #8A87E1 #AB95C8 #C4A5AF #D8B595 #EAC679 #F9D757

Color Mixing

#5779F9

100%

#9C8ED5

75:25

#C4A5AF

50:50

#E1BD87

25:75

#F9D757

100%

CSS Gradient Code

background: linear-gradient(to right, #5779F9, #F9D757);
background: linear-gradient(135deg, #5779F9, #F9D757);

Explore Each Color

#5779F9

View full color details

#F9D757

View full color details

Related Comparisons