#507CBC

#507CBC

#BC9050

#BC9050

Contrast Ratio

1.46:1

Delta E

79.14

Very Different

50:50 Mix

Color Values

Format #507CBC #BC9050
HEX #507CBC #BC9050
RGB 80, 124, 188 188, 144, 80
HSL 215.6, 44.6%, 52.5% 35.6, 44.6%, 52.5%
HSV 215.6, 57.4%, 73.7% 35.6, 57.4%, 73.7%
CMYK 57.4%, 34.0%, 0.0%, 26.3% 0.0%, 23.4%, 57.4%, 26.3%
OKLCH 0.5833 0.1104 257.7 0.6818 0.0976 75.2

Contrast & Accessibility

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC9050 β†’ Background: #507CBC

The quick brown fox jumps over the lazy dog

Text: #507CBC β†’ Background: #BC9050

Color Difference (Delta E)

79.14 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #507CBC, #BC9050);
background: linear-gradient(135deg, #507CBC, #BC9050);

Explore Each Color

Related Comparisons