#283BAC

#283BAC

#AC9928

#AC9928

Contrast Ratio

3.18:1

Delta E

130.22

Very Different

50:50 Mix

Color Values

Format #283BAC #AC9928
HEX #283BAC #AC9928
RGB 40, 59, 172 172, 153, 40
HSL 231.4, 62.3%, 41.6% 51.4, 62.3%, 41.6%
HSV 231.4, 76.7%, 67.5% 51.4, 76.7%, 67.5%
CMYK 76.7%, 65.7%, 0.0%, 32.5% 0.0%, 11.0%, 76.7%, 32.5%
OKLCH 0.4165 0.1803 269.2 0.6802 0.1281 99.2

Contrast & Accessibility

3.18:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AC9928 β†’ Background: #283BAC

The quick brown fox jumps over the lazy dog

Text: #283BAC β†’ Background: #AC9928

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #283BAC, #AC9928);
background: linear-gradient(135deg, #283BAC, #AC9928);

Explore Each Color

Related Comparisons