#3F58AF

#3F58AF

#AF963F

#AF963F

Contrast Ratio

2.25:1

Delta E

102.05

Very Different

50:50 Mix

#89757C

Color Values

Format #3F58AF #AF963F
HEX #3F58AF #AF963F
RGB 63, 88, 175 175, 150, 63
HSL 226.6, 47.1%, 46.7% 46.6, 47.1%, 46.7%
HSV 226.6, 64.0%, 68.6% 46.6, 64.0%, 68.6%
CMYK 64.0%, 49.7%, 0.0%, 31.4% 0.0%, 14.3%, 64.0%, 31.4%
OKLCH 0.4879 0.1415 268.7 0.6786 0.11 93.2

Contrast & Accessibility

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF963F → Background: #3F58AF

The quick brown fox jumps over the lazy dog

Text: #3F58AF → Background: #AF963F

Color Difference (Delta E)

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

Gradient

#3F58AF #61619E #786B8D #89757C #988069 #A48B56 #AF963F

Color Mixing

#3F58AF

100%

#6D6696

75:25

#89757C

50:50

#9E8560

25:75

#AF963F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F58AF, #AF963F);
background: linear-gradient(135deg, #3F58AF, #AF963F);

Explore Each Color

#3F58AF

View full color details

#AF963F

View full color details

Related Comparisons