#1316BC

#1316BC

#BCB913

#BCB913

Contrast Ratio

5.4:1

Delta E

177.1

Very Different

50:50 Mix

Color Values

Format #1316BC #BCB913
HEX #1316BC #BCB913
RGB 19, 22, 188 188, 185, 19
HSL 238.9, 81.6%, 40.6% 58.9, 81.6%, 40.6%
HSV 238.9, 89.9%, 73.7% 58.9, 89.9%, 73.7%
CMYK 89.9%, 88.3%, 0.0%, 26.3% 0.0%, 1.6%, 89.9%, 26.3%
OKLCH 0.3768 0.2371 266.7 0.7635 0.1618 108.5

Contrast & Accessibility

5.4:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BCB913 β†’ Background: #1316BC

The quick brown fox jumps over the lazy dog

Text: #1316BC β†’ Background: #BCB913

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #1316BC, #BCB913);
background: linear-gradient(135deg, #1316BC, #BCB913);

Explore Each Color

Related Comparisons