#5064FD

#5064FD

#FDE950

#FDE950

Contrast Ratio

3.7:1

Delta E

165.38

Very Different

50:50 Mix

Color Values

Format #5064FD #FDE950
HEX #5064FD #FDE950
RGB 80, 100, 253 253, 233, 80
HSL 233.1, 97.7%, 65.3% 53.1, 97.7%, 65.3%
HSV 233.1, 68.4%, 99.2% 53.1, 68.4%, 99.2%
CMYK 68.4%, 60.5%, 0.0%, 0.8% 0.0%, 7.9%, 68.4%, 0.8%
OKLCH 0.5799 0.2263 271.6 0.924 0.167 101.7

Contrast & Accessibility

3.7:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDE950 β†’ Background: #5064FD

The quick brown fox jumps over the lazy dog

Text: #5064FD β†’ Background: #FDE950

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #5064FD, #FDE950);
background: linear-gradient(135deg, #5064FD, #FDE950);

Explore Each Color

Related Comparisons