#507EB4

#507EB4

#B48650

#B48650

Contrast Ratio

1.3:1

Delta E

70.23

Very Different

50:50 Mix

#908283

Color Values

Format #507EB4 #B48650
HEX #507EB4 #B48650
RGB 80, 126, 180 180, 134, 80
HSL 212.4, 40.0%, 51.0% 32.4, 40.0%, 51.0%
HSV 212.4, 55.6%, 70.6% 32.4, 55.6%, 70.6%
CMYK 55.6%, 30.0%, 0.0%, 29.4% 0.0%, 25.6%, 55.6%, 29.4%
OKLCH 0.5836 0.0977 253.3 0.6532 0.0907 69.5

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B48650 → Background: #507EB4

The quick brown fox jumps over the lazy dog

Text: #507EB4 → Background: #B48650

Color Difference (Delta E)

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

Gradient

#507EB4 #6C7FA4 #808093 #908283 #9E8373 #AA8462 #B48650

Color Mixing

#507EB4

100%

#77809C

75:25

#908283

50:50

#A4846A

25:75

#B48650

100%

CSS Gradient Code

background: linear-gradient(to right, #507EB4, #B48650);
background: linear-gradient(135deg, #507EB4, #B48650);

Explore Each Color

#507EB4

View full color details

#B48650

View full color details

Related Comparisons