#3569AF

#3569AF

#AF7B35

#AF7B35

Contrast Ratio

1.51:1

Delta E

88.48

Very Different

50:50 Mix

#887175

Color Values

Format #3569AF #AF7B35
HEX #3569AF #AF7B35
RGB 53, 105, 175 175, 123, 53
HSL 214.4, 53.5%, 44.7% 34.4, 53.5%, 44.7%
HSV 214.4, 69.7%, 68.6% 34.4, 69.7%, 68.6%
CMYK 69.7%, 40.0%, 0.0%, 31.4% 0.0%, 29.7%, 69.7%, 31.4%
OKLCH 0.5203 0.1243 256.6 0.6224 0.1074 71.4

Contrast & Accessibility

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF7B35 → Background: #3569AF

The quick brown fox jumps over the lazy dog

Text: #3569AF → Background: #AF7B35

Color Difference (Delta E)

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

Gradient

#3569AF #5E6B9C #766E88 #887175 #977461 #A4774C #AF7B35

Color Mixing

#3569AF

100%

#6B6D92

75:25

#887175

50:50

#9E7657

25:75

#AF7B35

100%

CSS Gradient Code

background: linear-gradient(to right, #3569AF, #AF7B35);
background: linear-gradient(135deg, #3569AF, #AF7B35);

Explore Each Color

#3569AF

View full color details

#AF7B35

View full color details

Related Comparisons