#57AADF

#57AADF

#DF8C57

#DF8C57

Contrast Ratio

1.02:1

Delta E

83.66

Very Different

50:50 Mix

#B39C9B

Color Values

Format #57AADF #DF8C57
HEX #57AADF #DF8C57
RGB 87, 170, 223 223, 140, 87
HSL 203.4, 68.0%, 60.8% 23.4, 68.0%, 60.8%
HSV 203.4, 61.0%, 87.5% 23.4, 61.0%, 87.5%
CMYK 61.0%, 23.8%, 0.0%, 12.5% 0.0%, 37.2%, 61.0%, 12.5%
OKLCH 0.7077 0.1121 239.1 0.7155 0.1224 52.2

Contrast & Accessibility

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF8C57 → Background: #57AADF

The quick brown fox jumps over the lazy dog

Text: #57AADF → Background: #DF8C57

Color Difference (Delta E)

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

Gradient

#57AADF #82A5C8 #9EA1B2 #B39C9B #C49785 #D3916E #DF8C57

Color Mixing

#57AADF

100%

#91A3BD

75:25

#B39C9B

50:50

#CC947A

25:75

#DF8C57

100%

CSS Gradient Code

background: linear-gradient(to right, #57AADF, #DF8C57);
background: linear-gradient(135deg, #57AADF, #DF8C57);

Explore Each Color

#57AADF

View full color details

#DF8C57

View full color details

Related Comparisons