black

#000000

#564A74

#564A74

Contrast Ratio

2.63:1

Delta E

43.49

Very Different

50:50 Mix

Color Values

Format #000000 #564A74
HEX #000000 #564A74
RGB 0, 0, 0 86, 74, 116
HSL 0.0, 0.0%, 0.0% 257.1, 22.1%, 37.3%
HSV 0.0, 0.0%, 0.0% 257.1, 36.2%, 45.5%
CMYK 0%, 0%, 0%, 100% 25.9%, 36.2%, 0.0%, 54.5%
OKLCH 0.0 0.0 0.0 0.4392 0.0691 296.6

Contrast & Accessibility

2.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #564A74 β†’ Background: #000000

The quick brown fox jumps over the lazy dog

Text: #000000 β†’ Background: #564A74

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #000000, #564A74);
background: linear-gradient(135deg, #000000, #564A74);

Explore Each Color

Related Comparisons