#2142AF

#2142AF

#AF8E21

#AF8E21

Contrast Ratio

2.73:1

Delta E

125.34

Very Different

50:50 Mix

Color Values

Format #2142AF #AF8E21
HEX #2142AF #AF8E21
RGB 33, 66, 175 175, 142, 33
HSL 226.1, 68.3%, 40.8% 46.1, 68.3%, 40.8%
HSV 226.1, 81.1%, 68.6% 46.1, 81.1%, 68.6%
CMYK 81.1%, 62.3%, 0.0%, 31.4% 0.0%, 18.9%, 81.1%, 31.4%
OKLCH 0.4293 0.1777 265.9 0.6594 0.1249 90.6

Contrast & Accessibility

2.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF8E21 → Background: #2142AF

The quick brown fox jumps over the lazy dog

Text: #2142AF → Background: #AF8E21

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2142AF, #AF8E21);
background: linear-gradient(135deg, #2142AF, #AF8E21);

Explore Each Color

Related Comparisons