#2242AF

#2242AF

#AF8F22

#AF8F22

Contrast Ratio

2.75:1

Delta E

125.39

Very Different

50:50 Mix

#876572

Color Values

Format #2242AF #AF8F22
HEX #2242AF #AF8F22
RGB 34, 66, 175 175, 143, 34
HSL 226.4, 67.5%, 41.0% 46.4, 67.5%, 41.0%
HSV 226.4, 80.6%, 68.6% 46.4, 80.6%, 68.6%
CMYK 80.6%, 62.3%, 0.0%, 31.4% 0.0%, 18.3%, 80.6%, 31.4%
OKLCH 0.4297 0.1775 266.2 0.6615 0.125 91.2

Contrast & Accessibility

2.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF8F22 → Background: #2242AF

The quick brown fox jumps over the lazy dog

Text: #2242AF → Background: #AF8F22

Color Difference (Delta E)

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

Gradient

#2242AF #574D9B #735987 #876572 #96735C #A48143 #AF8F22

Color Mixing

#2242AF

100%

#665391

75:25

#876572

50:50

#9D7A50

25:75

#AF8F22

100%

CSS Gradient Code

background: linear-gradient(to right, #2242AF, #AF8F22);
background: linear-gradient(135deg, #2242AF, #AF8F22);

Explore Each Color

#2242AF

View full color details

#AF8F22

View full color details

Related Comparisons