#5371F4

#5371F4

#F4D653

#F4D653

Contrast Ratio

2.9:1

Delta E

143.51

Very Different

50:50 Mix

#C0A0AB

Color Values

Format #5371F4 #F4D653
HEX #5371F4 #F4D653
RGB 83, 113, 244 244, 214, 83
HSL 228.8, 88.0%, 64.1% 48.8, 88.0%, 64.1%
HSV 228.8, 66.0%, 95.7% 48.8, 66.0%, 95.7%
CMYK 66.0%, 53.7%, 0.0%, 4.3% 0.0%, 12.3%, 66.0%, 4.3%
OKLCH 0.598 0.1986 269.7 0.8779 0.1501 96.2

Contrast & Accessibility

2.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4D653 → Background: #5371F4

The quick brown fox jumps over the lazy dog

Text: #5371F4 → Background: #F4D653

Color Difference (Delta E)

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

Gradient

#5371F4 #8680DC #A790C4 #C0A0AB #D4B292 #E5C475 #F4D653

Color Mixing

#5371F4

100%

#9888D0

75:25

#C0A0AB

50:50

#DDBB84

25:75

#F4D653

100%

CSS Gradient Code

background: linear-gradient(to right, #5371F4, #F4D653);
background: linear-gradient(135deg, #5371F4, #F4D653);

Explore Each Color

#5371F4

View full color details

#F4D653

View full color details

Related Comparisons