#57A3DF

#57A3DF

#DF9357

#DF9357

Contrast Ratio

1.1:1

Delta E

85.42

Very Different

50:50 Mix

#B29B9C

Color Values

Format #57A3DF #DF9357
HEX #57A3DF #DF9357
RGB 87, 163, 223 223, 147, 87
HSL 206.5, 68.0%, 60.8% 26.5, 68.0%, 60.8%
HSV 206.5, 61.0%, 87.5% 26.5, 61.0%, 87.5%
CMYK 61.0%, 26.9%, 0.0%, 12.5% 0.0%, 34.1%, 61.0%, 12.5%
OKLCH 0.6919 0.1166 244.5 0.728 0.1194 57.7

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9357 → Background: #57A3DF

The quick brown fox jumps over the lazy dog

Text: #57A3DF → Background: #DF9357

Color Difference (Delta E)

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

Gradient

#57A3DF #81A0C8 #9D9EB2 #B29B9C #C39885 #D2966F #DF9357

Color Mixing

#57A3DF

100%

#909FBD

75:25

#B29B9C

50:50

#CB977A

25:75

#DF9357

100%

CSS Gradient Code

background: linear-gradient(to right, #57A3DF, #DF9357);
background: linear-gradient(135deg, #57A3DF, #DF9357);

Explore Each Color

#57A3DF

View full color details

#DF9357

View full color details

Related Comparisons