#4670AF

#4670AF

#AF8546

#AF8546

Contrast Ratio

1.49:1

Delta E

78.54

Very Different

50:50 Mix

#8A7A7C

Color Values

Format #4670AF #AF8546
HEX #4670AF #AF8546
RGB 70, 112, 175 175, 133, 70
HSL 216.0, 42.9%, 48.0% 36.0, 42.9%, 48.0%
HSV 216.0, 60.0%, 68.6% 36.0, 60.0%, 68.6%
CMYK 60.0%, 36.0%, 0.0%, 31.4% 0.0%, 24.0%, 60.0%, 31.4%
OKLCH 0.544 0.1098 258.3 0.6443 0.0957 75.7

Contrast & Accessibility

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF8546 → Background: #4670AF

The quick brown fox jumps over the lazy dog

Text: #4670AF → Background: #AF8546

Color Difference (Delta E)

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

Gradient

#4670AF #65739E #7A768D #8A7A7C #987D6B #A48159 #AF8546

Color Mixing

#4670AF

100%

#707596

75:25

#8A7A7C

50:50

#9F7F62

25:75

#AF8546

100%

CSS Gradient Code

background: linear-gradient(to right, #4670AF, #AF8546);
background: linear-gradient(135deg, #4670AF, #AF8546);

Explore Each Color

#4670AF

View full color details

#AF8546

View full color details

Related Comparisons