#57B7DF

#57B7DF

#DF7F57

#DF7F57

Contrast Ratio

1.26:1

Delta E

83.29

Very Different

50:50 Mix

#B59D9A

Color Values

Format #57B7DF #DF7F57
HEX #57B7DF #DF7F57
RGB 87, 183, 223 223, 127, 87
HSL 197.6, 68.0%, 60.8% 17.6, 68.0%, 60.8%
HSV 197.6, 61.0%, 87.5% 17.6, 61.0%, 87.5%
CMYK 61.0%, 17.9%, 0.0%, 12.5% 0.0%, 43.0%, 61.0%, 12.5%
OKLCH 0.7373 0.1069 228.2 0.6934 0.1309 42.9

Contrast & Accessibility

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7F57 → Background: #57B7DF

The quick brown fox jumps over the lazy dog

Text: #57B7DF → Background: #DF7F57

Color Difference (Delta E)

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

Gradient

#57B7DF #83AFC8 #A0A6B1 #B59D9A #C69384 #D3896E #DF7F57

Color Mixing

#57B7DF

100%

#93AABC

75:25

#B59D9A

50:50

#CD8E79

25:75

#DF7F57

100%

CSS Gradient Code

background: linear-gradient(to right, #57B7DF, #DF7F57);
background: linear-gradient(135deg, #57B7DF, #DF7F57);

Explore Each Color

#57B7DF

View full color details

#DF7F57

View full color details

Related Comparisons