#3F68AF

#3F68AF

#AF863F

#AF863F

Contrast Ratio

1.65:1

Delta E

86.73

Very Different

50:50 Mix

#89767A

Color Values

Format #3F68AF #AF863F
HEX #3F68AF #AF863F
RGB 63, 104, 175 175, 134, 63
HSL 218.0, 47.1%, 46.7% 38.0, 47.1%, 46.7%
HSV 218.0, 64.0%, 68.6% 38.0, 64.0%, 68.6%
CMYK 64.0%, 40.6%, 0.0%, 31.4% 0.0%, 23.4%, 64.0%, 31.4%
OKLCH 0.5225 0.1216 260.7 0.6454 0.1018 79.0

Contrast & Accessibility

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF863F → Background: #3F68AF

The quick brown fox jumps over the lazy dog

Text: #3F68AF → Background: #AF863F

Color Difference (Delta E)

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

Gradient

#3F68AF #616C9D #78718C #89767A #987B67 #A48054 #AF863F

Color Mixing

#3F68AF

100%

#6D6E94

75:25

#89767A

50:50

#9E7E5E

25:75

#AF863F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F68AF, #AF863F);
background: linear-gradient(135deg, #3F68AF, #AF863F);

Explore Each Color

#3F68AF

View full color details

#AF863F

View full color details

Related Comparisons