#357BAF

#357BAF

#AF6935

#AF6935

Contrast Ratio

1.06:1

Delta E

79.41

Very Different

50:50 Mix

#8A7273

Color Values

Format #357BAF #AF6935
HEX #357BAF #AF6935
RGB 53, 123, 175 175, 105, 53
HSL 205.6, 53.5%, 44.7% 25.6, 53.5%, 44.7%
HSV 205.6, 69.7%, 68.6% 25.6, 69.7%, 68.6%
CMYK 69.7%, 29.7%, 0.0%, 31.4% 0.0%, 40.0%, 69.7%, 31.4%
OKLCH 0.5622 0.1068 243.9 0.5883 0.1119 55.0

Contrast & Accessibility

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF6935 → Background: #357BAF

The quick brown fox jumps over the lazy dog

Text: #357BAF → Background: #AF6935

Color Difference (Delta E)

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

Gradient

#357BAF #5F789B #787587 #8A7273 #996F5F #A56C4B #AF6935

Color Mixing

#357BAF

100%

#6D7791

75:25

#8A7273

50:50

#9F6E55

25:75

#AF6935

100%

CSS Gradient Code

background: linear-gradient(to right, #357BAF, #AF6935);
background: linear-gradient(135deg, #357BAF, #AF6935);

Explore Each Color

#357BAF

View full color details

#AF6935

View full color details

Related Comparisons