#2E81AF

#2E81AF

#AF5C2E

#AF5C2E

Contrast Ratio

1.11:1

Delta E

82.15

Very Different

50:50 Mix

#8B706F

Color Values

Format #2E81AF #AF5C2E
HEX #2E81AF #AF5C2E
RGB 46, 129, 175 175, 92, 46
HSL 201.4, 58.4%, 43.3% 21.4, 58.4%, 43.3%
HSV 201.4, 73.7%, 68.6% 21.4, 73.7%, 68.6%
CMYK 73.7%, 26.3%, 0.0%, 31.4% 0.0%, 47.4%, 73.7%, 31.4%
OKLCH 0.5743 0.1055 237.3 0.5649 0.1234 47.5

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5C2E → Background: #2E81AF

The quick brown fox jumps over the lazy dog

Text: #2E81AF → Background: #AF5C2E

Color Difference (Delta E)

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

Gradient

#2E81AF #5E7B99 #787684 #8B706F #996A5A #A56344 #AF5C2E

Color Mixing

#2E81AF

100%

#6C798F

75:25

#8B706F

50:50

#9F664F

25:75

#AF5C2E

100%

CSS Gradient Code

background: linear-gradient(to right, #2E81AF, #AF5C2E);
background: linear-gradient(135deg, #2E81AF, #AF5C2E);

Explore Each Color

#2E81AF

View full color details

#AF5C2E

View full color details

Related Comparisons