#313477

#313477

#777431

#777431

Contrast Ratio

2.29:1

Delta E

83.96

Very Different

50:50 Mix

#5E5358

Color Values

Format #313477 #777431
HEX #313477 #777431
RGB 49, 52, 119 119, 116, 49
HSL 237.4, 41.7%, 32.9% 57.4, 41.7%, 32.9%
HSV 237.4, 58.8%, 46.7% 57.4, 58.8%, 46.7%
CMYK 58.8%, 56.3%, 0.0%, 53.3% 0.0%, 2.5%, 58.8%, 53.3%
OKLCH 0.362 0.1124 277.3 0.5471 0.0888 106.6

Contrast & Accessibility

2.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #777431 → Background: #313477

The quick brown fox jumps over the lazy dog

Text: #313477 → Background: #777431

Color Difference (Delta E)

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

Gradient

#313477 #453E6D #534862 #5E5358 #685E4C #706940 #777431

Color Mixing

#313477

100%

#4D4368

75:25

#5E5358

50:50

#6C6346

25:75

#777431

100%

CSS Gradient Code

background: linear-gradient(to right, #313477, #777431);
background: linear-gradient(135deg, #313477, #777431);

Explore Each Color

#313477

View full color details

#777431

View full color details

Related Comparisons