#3690AF

#3690AF

#AF5536

#AF5536

Contrast Ratio

1.38:1

Delta E

78.21

Very Different

50:50 Mix

#8D7572

Color Values

Format #3690AF #AF5536
HEX #3690AF #AF5536
RGB 54, 144, 175 175, 85, 54
HSL 195.4, 52.8%, 44.9% 15.4, 52.8%, 44.9%
HSV 195.4, 69.1%, 68.6% 15.4, 69.1%, 68.6%
CMYK 69.1%, 17.7%, 0.0%, 31.4% 0.0%, 51.4%, 69.1%, 31.4%
OKLCH 0.6132 0.0956 224.6 0.5544 0.126 39.3

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5536 → Background: #3690AF

The quick brown fox jumps over the lazy dog

Text: #3690AF → Background: #AF5536

Color Difference (Delta E)

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

Gradient

#3690AF #62879A #7B7E86 #8D7572 #9B6B5E #A6604A #AF5536

Color Mixing

#3690AF

100%

#708390

75:25

#8D7572

50:50

#A16654

25:75

#AF5536

100%

CSS Gradient Code

background: linear-gradient(to right, #3690AF, #AF5536);
background: linear-gradient(135deg, #3690AF, #AF5536);

Explore Each Color

#3690AF

View full color details

#AF5536

View full color details

Related Comparisons