#2F5BAF

#2F5BAF

#AF832F

#AF832F

Contrast Ratio

1.89:1

Delta E

100.86

Very Different

50:50 Mix

#876D74

Color Values

Format #2F5BAF #AF832F
HEX #2F5BAF #AF832F
RGB 47, 91, 175 175, 131, 47
HSL 219.4, 57.7%, 43.5% 39.4, 57.7%, 43.5%
HSV 219.4, 73.1%, 68.6% 39.4, 73.1%, 68.6%
CMYK 73.1%, 48.0%, 0.0%, 31.4% 0.0%, 25.1%, 73.1%, 31.4%
OKLCH 0.4865 0.1429 261.8 0.6377 0.1125 80.1

Contrast & Accessibility

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF832F → Background: #2F5BAF

The quick brown fox jumps over the lazy dog

Text: #2F5BAF → Background: #AF832F

Color Difference (Delta E)

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

Gradient

#2F5BAF #5B609B #746788 #876D74 #97745F #A47B49 #AF832F

Color Mixing

#2F5BAF

100%

#696391

75:25

#876D74

50:50

#9D7854

25:75

#AF832F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F5BAF, #AF832F);
background: linear-gradient(135deg, #2F5BAF, #AF832F);

Explore Each Color

#2F5BAF

View full color details

#AF832F

View full color details

Related Comparisons