#3F6DAF

#3F6DAF

#AF813F

#AF813F

Contrast Ratio

1.5:1

Delta E

82.76

Very Different

50:50 Mix

#897679

Color Values

Format #3F6DAF #AF813F
HEX #3F6DAF #AF813F
RGB 63, 109, 175 175, 129, 63
HSL 215.4, 47.1%, 46.7% 35.4, 47.1%, 46.7%
HSV 215.4, 64.0%, 68.6% 35.4, 64.0%, 68.6%
CMYK 64.0%, 37.7%, 0.0%, 31.4% 0.0%, 26.3%, 64.0%, 31.4%
OKLCH 0.5338 0.116 257.5 0.6354 0.1007 74.0

Contrast & Accessibility

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF813F → Background: #3F6DAF

The quick brown fox jumps over the lazy dog

Text: #3F6DAF → Background: #AF813F

Color Difference (Delta E)

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

Gradient

#3F6DAF #61709D #78738B #897679 #987A67 #A47D54 #AF813F

Color Mixing

#3F6DAF

100%

#6E7194

75:25

#897679

50:50

#9E7B5D

25:75

#AF813F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F6DAF, #AF813F);
background: linear-gradient(135deg, #3F6DAF, #AF813F);

Explore Each Color

#3F6DAF

View full color details

#AF813F

View full color details

Related Comparisons