#57A0DF

#57A0DF

#DF9657

#DF9657

Contrast Ratio

1.15:1

Delta E

86.51

Very Different

50:50 Mix

#B29B9C

Color Values

Format #57A0DF #DF9657
HEX #57A0DF #DF9657
RGB 87, 160, 223 223, 150, 87
HSL 207.8, 68.0%, 60.8% 27.8, 68.0%, 60.8%
HSV 207.8, 61.0%, 87.5% 27.8, 61.0%, 87.5%
CMYK 61.0%, 28.3%, 0.0%, 12.5% 0.0%, 32.7%, 61.0%, 12.5%
OKLCH 0.6852 0.1188 246.7 0.7334 0.1185 60.1

Contrast & Accessibility

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9657 → Background: #57A0DF

The quick brown fox jumps over the lazy dog

Text: #57A0DF → Background: #DF9657

Color Difference (Delta E)

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

Gradient

#57A0DF #819EC9 #9D9DB2 #B29B9C #C39986 #D2986F #DF9657

Color Mixing

#57A0DF

100%

#909DBD

75:25

#B29B9C

50:50

#CB987A

25:75

#DF9657

100%

CSS Gradient Code

background: linear-gradient(to right, #57A0DF, #DF9657);
background: linear-gradient(135deg, #57A0DF, #DF9657);

Explore Each Color

#57A0DF

View full color details

#DF9657

View full color details

Related Comparisons