#3F6BAF

#3F6BAF

#AF833F

#AF833F

Contrast Ratio

1.56:1

Delta E

84.29

Very Different

50:50 Mix

#897679

Color Values

Format #3F6BAF #AF833F
HEX #3F6BAF #AF833F
RGB 63, 107, 175 175, 131, 63
HSL 216.4, 47.1%, 46.7% 36.4, 47.1%, 46.7%
HSV 216.4, 64.0%, 68.6% 36.4, 64.0%, 68.6%
CMYK 64.0%, 38.9%, 0.0%, 31.4% 0.0%, 25.1%, 64.0%, 31.4%
OKLCH 0.5293 0.1182 258.8 0.6394 0.101 76.0

Contrast & Accessibility

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF833F → Background: #3F6BAF

The quick brown fox jumps over the lazy dog

Text: #3F6BAF → Background: #AF833F

Color Difference (Delta E)

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

Gradient

#3F6BAF #616E9D #78728B #897679 #987A67 #A47E54 #AF833F

Color Mixing

#3F6BAF

100%

#6E7094

75:25

#897679

50:50

#9E7C5E

25:75

#AF833F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F6BAF, #AF833F);
background: linear-gradient(135deg, #3F6BAF, #AF833F);

Explore Each Color

#3F6BAF

View full color details

#AF833F

View full color details

Related Comparisons