#357DAF

#357DAF

#AF6735

#AF6735

Contrast Ratio

1.02:1

Delta E

78.87

Very Different

50:50 Mix

Color Values

Format #357DAF #AF6735
HEX #357DAF #AF6735
RGB 53, 125, 175 175, 103, 53
HSL 204.6, 53.5%, 44.7% 24.6, 53.5%, 44.7%
HSV 204.6, 69.7%, 68.6% 24.6, 69.7%, 68.6%
CMYK 69.7%, 28.6%, 0.0%, 31.4% 0.0%, 41.1%, 69.7%, 31.4%
OKLCH 0.567 0.1053 242.3 0.5847 0.1129 53.3

Contrast & Accessibility

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF6735 → Background: #357DAF

The quick brown fox jumps over the lazy dog

Text: #357DAF → Background: #AF6735

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #357DAF, #AF6735);
background: linear-gradient(135deg, #357DAF, #AF6735);

Explore Each Color

Related Comparisons