#2B52AF

#2B52AF

#AF882B

#AF882B

Contrast Ratio

2.18:1

Delta E

109.5

Very Different

50:50 Mix

Color Values

Format #2B52AF #AF882B
HEX #2B52AF #AF882B
RGB 43, 82, 175 175, 136, 43
HSL 222.3, 60.6%, 42.7% 42.3, 60.6%, 42.7%
HSV 222.3, 75.4%, 68.6% 42.3, 75.4%, 68.6%
CMYK 75.4%, 53.1%, 0.0%, 31.4% 0.0%, 22.3%, 75.4%, 31.4%
OKLCH 0.4656 0.1552 264.1 0.6476 0.1167 84.9

Contrast & Accessibility

2.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF882B β†’ Background: #2B52AF

The quick brown fox jumps over the lazy dog

Text: #2B52AF β†’ Background: #AF882B

Color Difference (Delta E)

109.5 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2B52AF, #AF882B);
background: linear-gradient(135deg, #2B52AF, #AF882B);

Explore Each Color

Related Comparisons