#282EAD

#282EAD

#ADA728

#ADA728

Contrast Ratio

4.0:1

Delta E

145.3

Very Different

50:50 Mix

Color Values

Format #282EAD #ADA728
HEX #282EAD #ADA728
RGB 40, 46, 173 173, 167, 40
HSL 237.3, 62.4%, 41.8% 57.3, 62.4%, 41.8%
HSV 237.3, 76.9%, 67.8% 57.3, 76.9%, 67.8%
CMYK 76.9%, 73.4%, 0.0%, 32.2% 0.0%, 3.5%, 76.9%, 32.2%
OKLCH 0.396 0.1959 271.2 0.7117 0.1401 106.7

Contrast & Accessibility

4.0:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #ADA728 β†’ Background: #282EAD

The quick brown fox jumps over the lazy dog

Text: #282EAD β†’ Background: #ADA728

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #282EAD, #ADA728);
background: linear-gradient(135deg, #282EAD, #ADA728);

Explore Each Color

Related Comparisons