#3A68AF

#3A68AF

#AF813A

#AF813A

Contrast Ratio

1.59:1

Delta E

87.9

Very Different

50:50 Mix

#897377

Color Values

Format #3A68AF #AF813A
HEX #3A68AF #AF813A
RGB 58, 104, 175 175, 129, 58
HSL 216.4, 50.2%, 45.7% 36.4, 50.2%, 45.7%
HSV 216.4, 66.9%, 68.6% 36.4, 66.9%, 68.6%
CMYK 66.9%, 40.6%, 0.0%, 31.4% 0.0%, 26.3%, 66.9%, 31.4%
OKLCH 0.5202 0.1235 258.8 0.6348 0.1045 75.6

Contrast & Accessibility

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF813A → Background: #3A68AF

The quick brown fox jumps over the lazy dog

Text: #3A68AF → Background: #AF813A

Color Difference (Delta E)

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

Gradient

#3A68AF #5F6B9C #776F8A #897377 #977864 #A47C50 #AF813A

Color Mixing

#3A68AF

100%

#6C6D93

75:25

#897377

50:50

#9E7A5A

25:75

#AF813A

100%

CSS Gradient Code

background: linear-gradient(to right, #3A68AF, #AF813A);
background: linear-gradient(135deg, #3A68AF, #AF813A);

Explore Each Color

#3A68AF

View full color details

#AF813A

View full color details

Related Comparisons