#323DBB

#323DBB

#BBB032

#BBB032

Contrast Ratio

3.72:1

Delta E

143.24

Very Different

50:50 Mix

Color Values

Format #323DBB #BBB032
HEX #323DBB #BBB032
RGB 50, 61, 187 187, 176, 50
HSL 235.2, 57.8%, 46.5% 55.2, 57.8%, 46.5%
HSV 235.2, 73.3%, 73.3% 55.2, 73.3%, 73.3%
CMYK 73.3%, 67.4%, 0.0%, 26.7% 0.0%, 5.9%, 73.3%, 26.7%
OKLCH 0.4394 0.1948 271.6 0.7445 0.141 104.2

Contrast & Accessibility

3.72:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BBB032 β†’ Background: #323DBB

The quick brown fox jumps over the lazy dog

Text: #323DBB β†’ Background: #BBB032

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #323DBB, #BBB032);
background: linear-gradient(135deg, #323DBB, #BBB032);

Explore Each Color

Related Comparisons