#5396DF

#5396DF

#DF9C53

#DF9C53

Contrast Ratio

1.33:1

Delta E

92.87

Very Different

50:50 Mix

#B1989B

Color Values

Format #5396DF #DF9C53
HEX #5396DF #DF9C53
RGB 83, 150, 223 223, 156, 83
HSL 211.3, 68.6%, 60.0% 31.3, 68.6%, 60.0%
HSV 211.3, 62.8%, 87.5% 31.3, 62.8%, 87.5%
CMYK 62.8%, 32.7%, 0.0%, 12.5% 0.0%, 30.0%, 62.8%, 12.5%
OKLCH 0.6612 0.1291 252.1 0.7439 0.1201 66.4

Contrast & Accessibility

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9C53 → Background: #5396DF

The quick brown fox jumps over the lazy dog

Text: #5396DF → Background: #DF9C53

Color Difference (Delta E)

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

Gradient

#5396DF #7F97C8 #9B97B2 #B1989B #C29984 #D29B6C #DF9C53

Color Mixing

#5396DF

100%

#8E97BD

75:25

#B1989B

50:50

#CA9A78

25:75

#DF9C53

100%

CSS Gradient Code

background: linear-gradient(to right, #5396DF, #DF9C53);
background: linear-gradient(135deg, #5396DF, #DF9C53);

Explore Each Color

#5396DF

View full color details

#DF9C53

View full color details

Related Comparisons