#36016C

#36016C

#376C01

#376C01

Contrast Ratio

2.4:1

Delta E

125.18

Very Different

50:50 Mix

Color Values

Format #36016C #376C01
HEX #36016C #376C01
RGB 54, 1, 108 55, 108, 1
HSL 269.7, 98.2%, 21.4% 89.7, 98.2%, 21.4%
HSV 269.7, 99.1%, 42.4% 89.7, 99.1%, 42.4%
CMYK 50.0%, 99.1%, 0.0%, 57.6% 49.1%, 0.0%, 99.1%, 57.6%
OKLCH 0.2874 0.1552 296.4 0.4755 0.1376 134.7

Contrast & Accessibility

2.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #376C01 β†’ Background: #36016C

The quick brown fox jumps over the lazy dog

Text: #36016C β†’ Background: #376C01

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #36016C, #376C01);
background: linear-gradient(135deg, #36016C, #376C01);

Explore Each Color

Related Comparisons