#404AFD

#404AFD

#FDF340

#FDF340

Contrast Ratio

5.0:1

Delta E

190.96

Very Different

50:50 Mix

Color Values

Format #404AFD #FDF340
HEX #404AFD #FDF340
RGB 64, 74, 253 253, 243, 64
HSL 236.8, 97.9%, 62.2% 56.8, 97.9%, 62.2%
HSV 236.8, 74.7%, 99.2% 56.8, 74.7%, 99.2%
CMYK 74.7%, 70.8%, 0.0%, 0.8% 0.0%, 4.0%, 74.7%, 0.8%
OKLCH 0.5303 0.258 271.2 0.9433 0.1846 106.1

Contrast & Accessibility

5.0:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDF340 → Background: #404AFD

The quick brown fox jumps over the lazy dog

Text: #404AFD → Background: #FDF340

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #404AFD, #FDF340);
background: linear-gradient(135deg, #404AFD, #FDF340);

Explore Each Color

Related Comparisons