#2D488B

#2D488B

#8B702D

#8B702D

Contrast Ratio

1.85:1

Delta E

82.87

Very Different

50:50 Mix

Color Values

Format #2D488B #8B702D
HEX #2D488B #8B702D
RGB 45, 72, 139 139, 112, 45
HSL 222.8, 51.1%, 36.1% 42.8, 51.1%, 36.1%
HSV 222.8, 67.6%, 54.5% 42.8, 67.6%, 54.5%
CMYK 67.6%, 48.2%, 0.0%, 45.5% 0.0%, 19.4%, 67.6%, 45.5%
OKLCH 0.4178 0.116 265.2 0.5579 0.0914 86.9

Contrast & Accessibility

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #8B702D → Background: #2D488B

The quick brown fox jumps over the lazy dog

Text: #2D488B → Background: #8B702D

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

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

Explore Each Color

Related Comparisons