#3F74AF

#3F74AF

#AF7A3F

#AF7A3F

Contrast Ratio

1.31:1

Delta E

78.08

Very Different

50:50 Mix

#8A7679

Color Values

Format #3F74AF #AF7A3F
HEX #3F74AF #AF7A3F
RGB 63, 116, 175 175, 122, 63
HSL 211.6, 47.1%, 46.7% 31.6, 47.1%, 46.7%
HSV 211.6, 64.0%, 68.6% 31.6, 64.0%, 68.6%
CMYK 64.0%, 33.7%, 0.0%, 31.4% 0.0%, 30.3%, 64.0%, 31.4%
OKLCH 0.5498 0.1087 252.6 0.6215 0.1004 67.0

Contrast & Accessibility

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF7A3F → Background: #3F74AF

The quick brown fox jumps over the lazy dog

Text: #3F74AF → Background: #AF7A3F

Color Difference (Delta E)

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

Gradient

#3F74AF #62759D #79758B #8A7679 #987866 #A47953 #AF7A3F

Color Mixing

#3F74AF

100%

#6E7594

75:25

#8A7679

50:50

#9E785D

25:75

#AF7A3F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F74AF, #AF7A3F);
background: linear-gradient(135deg, #3F74AF, #AF7A3F);

Explore Each Color

#3F74AF

View full color details

#AF7A3F

View full color details

Related Comparisons