#5A54A3

#5A54A3

#9DA354

#9DA354

Contrast Ratio

2.41:1

Delta E

93.59

Very Different

50:50 Mix

#857A7F

Color Values

Format #5A54A3 #9DA354
HEX #5A54A3 #9DA354
RGB 90, 84, 163 157, 163, 84
HSL 244.6, 32.0%, 48.4% 64.6, 32.0%, 48.4%
HSV 244.6, 48.5%, 63.9% 64.6, 48.5%, 63.9%
CMYK 44.8%, 48.5%, 0.0%, 36.1% 3.7%, 0.0%, 48.5%, 36.1%
OKLCH 0.4907 0.1232 284.3 0.6931 0.1032 112.6

Contrast & Accessibility

2.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #9DA354 → Background: #5A54A3

The quick brown fox jumps over the lazy dog

Text: #5A54A3 → Background: #9DA354

Color Difference (Delta E)

93.59 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#5A54A3 #6C6197 #796D8B #857A7F #8E8872 #969564 #9DA354

Color Mixing

#5A54A3

100%

#736791

75:25

#857A7F

50:50

#928F6B

25:75

#9DA354

100%

CSS Gradient Code

background: linear-gradient(to right, #5A54A3, #9DA354);
background: linear-gradient(135deg, #5A54A3, #9DA354);

Explore Each Color

#5A54A3

View full color details

#9DA354

View full color details

Related Comparisons