#5381DF

#5381DF

#DFB153

#DFB153

Contrast Ratio

1.89:1

Delta E

108.01

Very Different

50:50 Mix

#B0979D

Color Values

Format #5381DF #DFB153
HEX #5381DF #DFB153
RGB 83, 129, 223 223, 177, 83
HSL 220.3, 68.6%, 60.0% 40.3, 68.6%, 60.0%
HSV 220.3, 62.8%, 87.5% 40.3, 62.8%, 87.5%
CMYK 62.8%, 42.2%, 0.0%, 12.5% 0.0%, 20.6%, 62.8%, 12.5%
OKLCH 0.6159 0.1513 263.0 0.7841 0.1235 83.0

Contrast & Accessibility

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFB153 → Background: #5381DF

The quick brown fox jumps over the lazy dog

Text: #5381DF → Background: #DFB153

Color Difference (Delta E)

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

Gradient

#5381DF #7E88C9 #9A8FB3 #B0979D #C29F86 #D1A86E #DFB153

Color Mixing

#5381DF

100%

#8D8BBE

75:25

#B0979D

50:50

#CAA47A

25:75

#DFB153

100%

CSS Gradient Code

background: linear-gradient(to right, #5381DF, #DFB153);
background: linear-gradient(135deg, #5381DF, #DFB153);

Explore Each Color

#5381DF

View full color details

#DFB153

View full color details

Related Comparisons