#5142DF

#5142DF

#D0DF42

#D0DF42

Contrast Ratio

4.48:1

Delta E

172.7

Very Different

50:50 Mix

#AD8F9D

Color Values

Format #5142DF #D0DF42
HEX #5142DF #D0DF42
RGB 81, 66, 223 208, 223, 66
HSL 245.7, 71.0%, 56.7% 65.7, 71.0%, 56.7%
HSV 245.7, 70.4%, 87.5% 65.7, 70.4%, 87.5%
CMYK 63.7%, 70.4%, 0.0%, 12.5% 6.7%, 0.0%, 70.4%, 12.5%
OKLCH 0.5007 0.2266 278.6 0.8649 0.1737 114.8

Contrast & Accessibility

4.48:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D0DF42 → Background: #5142DF

The quick brown fox jumps over the lazy dog

Text: #5142DF → Background: #D0DF42

Color Difference (Delta E)

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

Gradient

#5142DF #7D5BCA #9975B4 #AD8F9D #BCA985 #C7C468 #D0DF42

Color Mixing

#5142DF

100%

#8C68BF

75:25

#AD8F9D

50:50

#C2B777

25:75

#D0DF42

100%

CSS Gradient Code

background: linear-gradient(to right, #5142DF, #D0DF42);
background: linear-gradient(135deg, #5142DF, #D0DF42);

Explore Each Color

#5142DF

View full color details

#D0DF42

View full color details

Related Comparisons