#457BAF

#457BAF

#AF7945

#AF7945

Contrast Ratio

1.2:1

Delta E

71.87

Very Different

50:50 Mix

#8B7A7B

Color Values

Format #457BAF #AF7945
HEX #457BAF #AF7945
RGB 69, 123, 175 175, 121, 69
HSL 209.4, 43.4%, 47.8% 29.4, 43.4%, 47.8%
HSV 209.4, 60.6%, 68.6% 29.4, 60.6%, 68.6%
CMYK 60.6%, 29.7%, 0.0%, 31.4% 0.0%, 30.9%, 60.6%, 31.4%
OKLCH 0.5687 0.0994 249.1 0.6204 0.0961 63.4

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF7945 → Background: #457BAF

The quick brown fox jumps over the lazy dog

Text: #457BAF → Background: #AF7945

Color Difference (Delta E)

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

Gradient

#457BAF #657B9E #7A7A8C #8B7A7B #997969 #A57958 #AF7945

Color Mixing

#457BAF

100%

#707A95

75:25

#8B7A7B

50:50

#9F7961

25:75

#AF7945

100%

CSS Gradient Code

background: linear-gradient(to right, #457BAF, #AF7945);
background: linear-gradient(135deg, #457BAF, #AF7945);

Explore Each Color

#457BAF

View full color details

#AF7945

View full color details

Related Comparisons