#3D166F

#3D166F

#486F16

#486F16

Contrast Ratio

2.31:1

Delta E

111.05

Very Different

50:50 Mix

Color Values

Format #3D166F #486F16
HEX #3D166F #486F16
RGB 61, 22, 111 72, 111, 22
HSL 266.3, 66.9%, 26.1% 86.3, 66.9%, 26.1%
HSV 266.3, 80.2%, 43.5% 86.3, 80.2%, 43.5%
CMYK 45.0%, 80.2%, 0.0%, 56.5% 35.1%, 0.0%, 80.2%, 56.5%
OKLCH 0.3177 0.1415 297.5 0.4945 0.1231 130.9

Contrast & Accessibility

2.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #486F16 β†’ Background: #3D166F

The quick brown fox jumps over the lazy dog

Text: #3D166F β†’ Background: #486F16

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3D166F, #486F16);
background: linear-gradient(135deg, #3D166F, #486F16);

Explore Each Color

Related Comparisons