#2F59AF

#2F59AF

#AF852F

#AF852F

Contrast Ratio

1.96:1

Delta E

102.63

Very Different

50:50 Mix

#876D74

Color Values

Format #2F59AF #AF852F
HEX #2F59AF #AF852F
RGB 47, 89, 175 175, 133, 47
HSL 220.3, 57.7%, 43.5% 40.3, 57.7%, 43.5%
HSV 220.3, 73.1%, 68.6% 40.3, 73.1%, 68.6%
CMYK 73.1%, 49.1%, 0.0%, 31.4% 0.0%, 24.0%, 73.1%, 31.4%
OKLCH 0.4822 0.1453 262.7 0.6418 0.1131 81.8

Contrast & Accessibility

1.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF852F → Background: #2F59AF

The quick brown fox jumps over the lazy dog

Text: #2F59AF → Background: #AF852F

Color Difference (Delta E)

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

Gradient

#2F59AF #5B5F9B #746688 #876D74 #97755F #A47D49 #AF852F

Color Mixing

#2F59AF

100%

#696292

75:25

#876D74

50:50

#9D7955

25:75

#AF852F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F59AF, #AF852F);
background: linear-gradient(135deg, #2F59AF, #AF852F);

Explore Each Color

#2F59AF

View full color details

#AF852F

View full color details

Related Comparisons