#2F528C

#2F528C

#8C692F

#8C692F

Contrast Ratio

1.54:1

Delta E

74.16

Very Different

50:50 Mix

#6D5C60

Color Values

Format #2F528C #8C692F
HEX #2F528C #8C692F
RGB 47, 82, 140 140, 105, 47
HSL 217.4, 49.7%, 36.7% 37.4, 49.7%, 36.7%
HSV 217.4, 66.4%, 54.9% 37.4, 66.4%, 54.9%
CMYK 66.4%, 41.4%, 0.0%, 45.1% 0.0%, 25.0%, 66.4%, 45.1%
OKLCH 0.4424 0.1041 260.0 0.5443 0.0874 77.7

Contrast & Accessibility

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #8C692F → Background: #2F528C

The quick brown fox jumps over the lazy dog

Text: #2F528C → Background: #8C692F

Color Difference (Delta E)

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

Gradient

#2F528C #4C557D #5F596F #6D5C60 #796051 #836541 #8C692F

Color Mixing

#2F528C

100%

#565776

75:25

#6D5C60

50:50

#7E6349

25:75

#8C692F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F528C, #8C692F);
background: linear-gradient(135deg, #2F528C, #8C692F);

Explore Each Color

#2F528C

View full color details

#8C692F

View full color details

Related Comparisons