#3B51AF

#3B51AF

#AF993B

#AF993B

Contrast Ratio

2.5:1

Delta E

109.71

Very Different

50:50 Mix

#89737B

Color Values

Format #3B51AF #AF993B
HEX #3B51AF #AF993B
RGB 59, 81, 175 175, 153, 59
HSL 228.6, 49.6%, 45.9% 48.6, 49.6%, 45.9%
HSV 228.6, 66.3%, 68.6% 48.6, 66.3%, 68.6%
CMYK 66.3%, 53.7%, 0.0%, 31.4% 0.0%, 12.6%, 66.3%, 31.4%
OKLCH 0.4713 0.1517 269.8 0.6846 0.1155 96.0

Contrast & Accessibility

2.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF993B → Background: #3B51AF

The quick brown fox jumps over the lazy dog

Text: #3B51AF → Background: #AF993B

Color Difference (Delta E)

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

Gradient

#3B51AF #5F5C9E #77678C #89737B #977F68 #A48C53 #AF993B

Color Mixing

#3B51AF

100%

#6C6195

75:25

#89737B

50:50

#9E865E

25:75

#AF993B

100%

CSS Gradient Code

background: linear-gradient(to right, #3B51AF, #AF993B);
background: linear-gradient(135deg, #3B51AF, #AF993B);

Explore Each Color

#3B51AF

View full color details

#AF993B

View full color details

Related Comparisons