#343FBC

#343FBC

#BCB134

#BCB134

Contrast Ratio

3.67:1

Delta E

142.17

Very Different

50:50 Mix

Color Values

Format #343FBC #BCB134
HEX #343FBC #BCB134
RGB 52, 63, 188 188, 177, 52
HSL 235.1, 56.7%, 47.1% 55.1, 56.7%, 47.1%
HSV 235.1, 72.3%, 73.7% 55.1, 72.3%, 73.7%
CMYK 72.3%, 66.5%, 0.0%, 26.3% 0.0%, 5.9%, 72.3%, 26.3%
OKLCH 0.4448 0.1933 271.8 0.7477 0.1406 104.2

Contrast & Accessibility

3.67:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BCB134 β†’ Background: #343FBC

The quick brown fox jumps over the lazy dog

Text: #343FBC β†’ Background: #BCB134

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #343FBC, #BCB134);
background: linear-gradient(135deg, #343FBC, #BCB134);

Explore Each Color

Related Comparisons