#2F5DAF

#2F5DAF

#AF812F

#AF812F

Contrast Ratio

1.82:1

Delta E

99.15

Very Different

50:50 Mix

#876D73

Color Values

Format #2F5DAF #AF812F
HEX #2F5DAF #AF812F
RGB 47, 93, 175 175, 129, 47
HSL 218.4, 57.7%, 43.5% 38.4, 57.7%, 43.5%
HSV 218.4, 73.1%, 68.6% 38.4, 73.1%, 68.6%
CMYK 73.1%, 46.9%, 0.0%, 31.4% 0.0%, 26.3%, 73.1%, 31.4%
OKLCH 0.4909 0.1404 260.9 0.6337 0.1121 78.3

Contrast & Accessibility

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF812F → Background: #2F5DAF

The quick brown fox jumps over the lazy dog

Text: #2F5DAF → Background: #AF812F

Color Difference (Delta E)

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

Gradient

#2F5DAF #5B629B #746787 #876D73 #97745F #A47A49 #AF812F

Color Mixing

#2F5DAF

100%

#696591

75:25

#876D73

50:50

#9D7754

25:75

#AF812F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F5DAF, #AF812F);
background: linear-gradient(135deg, #2F5DAF, #AF812F);

Explore Each Color

#2F5DAF

View full color details

#AF812F

View full color details

Related Comparisons