#5307AF

#5307AF

#63AF07

#63AF07

Contrast Ratio

3.8:1

Delta E

176.64

Very Different

50:50 Mix

Color Values

Format #5307AF #63AF07
HEX #5307AF #63AF07
RGB 83, 7, 175 99, 175, 7
HSL 267.1, 92.3%, 35.7% 87.1, 92.3%, 35.7%
HSV 267.1, 96.0%, 68.6% 87.1, 96.0%, 68.6%
CMYK 52.6%, 96.0%, 0.0%, 31.4% 43.4%, 0.0%, 96.0%, 31.4%
OKLCH 0.3996 0.2183 292.4 0.6778 0.1915 133.6

Contrast & Accessibility

3.8:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #63AF07 β†’ Background: #5307AF

The quick brown fox jumps over the lazy dog

Text: #5307AF β†’ Background: #63AF07

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #5307AF, #63AF07);
background: linear-gradient(135deg, #5307AF, #63AF07);

Explore Each Color

Related Comparisons