#357EAF

#357EAF

#AF6635

#AF6635

Contrast Ratio

1.0:1

Delta E

78.65

Very Different

50:50 Mix

#8A7373

Color Values

Format #357EAF #AF6635
HEX #357EAF #AF6635
RGB 53, 126, 175 175, 102, 53
HSL 204.1, 53.5%, 44.7% 24.1, 53.5%, 44.7%
HSV 204.1, 69.7%, 68.6% 24.1, 69.7%, 68.6%
CMYK 69.7%, 28.0%, 0.0%, 31.4% 0.0%, 41.7%, 69.7%, 31.4%
OKLCH 0.5693 0.1046 241.4 0.583 0.1135 52.4

Contrast & Accessibility

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF6635 → Background: #357EAF

The quick brown fox jumps over the lazy dog

Text: #357EAF → Background: #AF6635

Color Difference (Delta E)

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

Gradient

#357EAF #5F7A9B #787687 #8A7373 #996F5F #A56A4A #AF6635

Color Mixing

#357EAF

100%

#6D7891

75:25

#8A7373

50:50

#9F6C55

25:75

#AF6635

100%

CSS Gradient Code

background: linear-gradient(to right, #357EAF, #AF6635);
background: linear-gradient(135deg, #357EAF, #AF6635);

Explore Each Color

#357EAF

View full color details

#AF6635

View full color details

Related Comparisons