#01016C

#01016C

#6C6C01

#6C6C01

Contrast Ratio

3.1:1

Delta E

124.11

Very Different

50:50 Mix

Color Values

Format #01016C #6C6C01
HEX #01016C #6C6C01
RGB 1, 1, 108 108, 108, 1
HSL 240.0, 98.2%, 21.4% 60.0, 98.2%, 21.4%
HSV 240.0, 99.1%, 42.4% 60.0, 99.1%, 42.4%
CMYK 99.1%, 99.1%, 0.0%, 57.6% 0.0%, 0.0%, 99.1%, 57.6%
OKLCH 0.2418 0.1652 264.5 0.5143 0.1118 109.8

Contrast & Accessibility

3.1:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #6C6C01 β†’ Background: #01016C

The quick brown fox jumps over the lazy dog

Text: #01016C β†’ Background: #6C6C01

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #01016C, #6C6C01);
background: linear-gradient(135deg, #01016C, #6C6C01);

Explore Each Color

Related Comparisons