#3F7EAF

#3F7EAF

#AF703F

#AF703F

Contrast Ratio

1.08:1

Delta E

73.44

Very Different

50:50 Mix

#8B7778

Color Values

Format #3F7EAF #AF703F
HEX #3F7EAF #AF703F
RGB 63, 126, 175 175, 112, 63
HSL 206.2, 47.1%, 46.7% 26.2, 47.1%, 46.7%
HSV 206.2, 64.0%, 68.6% 26.2, 64.0%, 68.6%
CMYK 64.0%, 28.0%, 0.0%, 31.4% 0.0%, 36.0%, 64.0%, 31.4%
OKLCH 0.5731 0.0999 244.3 0.6025 0.1028 57.0

Contrast & Accessibility

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF703F → Background: #3F7EAF

The quick brown fox jumps over the lazy dog

Text: #3F7EAF → Background: #AF703F

Color Difference (Delta E)

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

Gradient

#3F7EAF #637C9C #7A798A #8B7778 #997565 #A57253 #AF703F

Color Mixing

#3F7EAF

100%

#6F7B93

75:25

#8B7778

50:50

#9F745C

25:75

#AF703F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F7EAF, #AF703F);
background: linear-gradient(135deg, #3F7EAF, #AF703F);

Explore Each Color

#3F7EAF

View full color details

#AF703F

View full color details

Related Comparisons