#57B3DF

#57B3DF

#DF8357

#DF8357

Contrast Ratio

1.19:1

Delta E

83.0

Very Different

50:50 Mix

#B49C9B

Color Values

Format #57B3DF #DF8357
HEX #57B3DF #DF8357
RGB 87, 179, 223 223, 131, 87
HSL 199.4, 68.0%, 60.8% 19.4, 68.0%, 60.8%
HSV 199.4, 61.0%, 87.5% 19.4, 61.0%, 87.5%
CMYK 61.0%, 19.7%, 0.0%, 12.5% 0.0%, 41.3%, 61.0%, 12.5%
OKLCH 0.7282 0.1081 231.6 0.7001 0.1279 45.6

Contrast & Accessibility

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF8357 → Background: #57B3DF

The quick brown fox jumps over the lazy dog

Text: #57B3DF → Background: #DF8357

Color Difference (Delta E)

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

Gradient

#57B3DF #83ACC8 #9FA4B1 #B49C9B #C59484 #D38C6E #DF8357

Color Mixing

#57B3DF

100%

#92A8BD

75:25

#B49C9B

50:50

#CC9079

25:75

#DF8357

100%

CSS Gradient Code

background: linear-gradient(to right, #57B3DF, #DF8357);
background: linear-gradient(135deg, #57B3DF, #DF8357);

Explore Each Color

#57B3DF

View full color details

#DF8357

View full color details

Related Comparisons