#5437BA

#5437BA

#9DBA37

#9DBA37

Contrast Ratio

3.61:1

Delta E

149.55

Very Different

50:50 Mix

Color Values

Format #5437BA #9DBA37
HEX #5437BA #9DBA37
RGB 84, 55, 186 157, 186, 55
HSL 253.3, 54.4%, 47.3% 73.3, 54.4%, 47.3%
HSV 253.3, 70.4%, 72.9% 73.3, 70.4%, 72.9%
CMYK 54.8%, 70.4%, 0.0%, 27.1% 15.6%, 0.0%, 70.4%, 27.1%
OKLCH 0.454 0.1935 286.0 0.7427 0.1566 121.2

Contrast & Accessibility

3.61:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #9DBA37 → Background: #5437BA

The quick brown fox jumps over the lazy dog

Text: #5437BA → Background: #9DBA37

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #5437BA, #9DBA37);
background: linear-gradient(135deg, #5437BA, #9DBA37);

Explore Each Color

Related Comparisons