#4980F1

#4980F1

#F1BA49

#F1BA49

Contrast Ratio

2.1:1

Delta E

127.25

Very Different

50:50 Mix

Color Values

Format #4980F1 #F1BA49
HEX #4980F1 #F1BA49
RGB 73, 128, 241 241, 186, 73
HSL 220.4, 85.7%, 61.6% 40.4, 85.7%, 61.6%
HSV 220.4, 69.7%, 94.5% 40.4, 69.7%, 94.5%
CMYK 69.7%, 46.9%, 0.0%, 5.5% 0.0%, 22.8%, 69.7%, 5.5%
OKLCH 0.6208 0.1797 262.8 0.8191 0.1413 82.1

Contrast & Accessibility

2.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1BA49 β†’ Background: #4980F1

The quick brown fox jumps over the lazy dog

Text: #4980F1 β†’ Background: #F1BA49

Color Difference (Delta E)

127.25 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #4980F1, #F1BA49);
background: linear-gradient(135deg, #4980F1, #F1BA49);

Explore Each Color

Related Comparisons