#2E6BAF

#2E6BAF

#AF722E

#AF722E

Contrast Ratio

1.37:1

Delta E

89.36

Very Different

50:50 Mix

#886E71

Color Values

Format #2E6BAF #AF722E
HEX #2E6BAF #AF722E
RGB 46, 107, 175 175, 114, 46
HSL 211.6, 58.4%, 43.3% 31.6, 58.4%, 43.3%
HSV 211.6, 73.7%, 68.6% 31.6, 73.7%, 68.6%
CMYK 73.7%, 38.9%, 0.0%, 31.4% 0.0%, 34.9%, 73.7%, 31.4%
OKLCH 0.5222 0.1246 253.4 0.6043 0.1126 65.3

Contrast & Accessibility

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF722E → Background: #2E6BAF

The quick brown fox jumps over the lazy dog

Text: #2E6BAF → Background: #AF722E

Color Difference (Delta E)

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

Gradient

#2E6BAF #5C6C9A #756D86 #886E71 #976F5C #A47047 #AF722E

Color Mixing

#2E6BAF

100%

#6A6C90

75:25

#886E71

50:50

#9E7052

25:75

#AF722E

100%

CSS Gradient Code

background: linear-gradient(to right, #2E6BAF, #AF722E);
background: linear-gradient(135deg, #2E6BAF, #AF722E);

Explore Each Color

#2E6BAF

View full color details

#AF722E

View full color details

Related Comparisons