#409FAF

#409FAF

#AF5040

#AF5040

Contrast Ratio

1.68:1

Delta E

76.44

Very Different

50:50 Mix

#907B76

Color Values

Format #409FAF #AF5040
HEX #409FAF #AF5040
RGB 64, 159, 175 175, 80, 64
HSL 188.6, 46.4%, 46.9% 8.6, 46.4%, 46.9%
HSV 188.6, 63.4%, 68.6% 8.6, 63.4%, 68.6%
CMYK 63.4%, 9.1%, 0.0%, 31.4% 0.0%, 54.3%, 63.4%, 31.4%
OKLCH 0.6529 0.0909 210.4 0.5482 0.1278 31.3

Contrast & Accessibility

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5040 → Background: #409FAF

The quick brown fox jumps over the lazy dog

Text: #409FAF → Background: #AF5040

Color Difference (Delta E)

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

Gradient

#409FAF #68939C #7F8789 #907B76 #9D6E64 #A76052 #AF5040

Color Mixing

#409FAF

100%

#758D92

75:25

#907B76

50:50

#A2675B

25:75

#AF5040

100%

CSS Gradient Code

background: linear-gradient(to right, #409FAF, #AF5040);
background: linear-gradient(135deg, #409FAF, #AF5040);

Explore Each Color

#409FAF

View full color details

#AF5040

View full color details

Related Comparisons