#56A5DF

#56A5DF

#DF9056

#DF9056

Contrast Ratio

1.05:1

Delta E

85.3

Very Different

50:50 Mix

#B29B9B

Color Values

Format #56A5DF #DF9056
HEX #56A5DF #DF9056
RGB 86, 165, 223 223, 144, 86
HSL 205.4, 68.2%, 60.6% 25.4, 68.2%, 60.6%
HSV 205.4, 61.4%, 87.5% 25.4, 61.4%, 87.5%
CMYK 61.4%, 26.0%, 0.0%, 12.5% 0.0%, 35.4%, 61.4%, 12.5%
OKLCH 0.696 0.1157 242.7 0.7225 0.1212 55.7

Contrast & Accessibility

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9056 → Background: #56A5DF

The quick brown fox jumps over the lazy dog

Text: #56A5DF → Background: #DF9056

Color Difference (Delta E)

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

Gradient

#56A5DF #81A2C8 #9D9EB2 #B29B9B #C49785 #D2946E #DF9056

Color Mixing

#56A5DF

100%

#90A0BD

75:25

#B29B9B

50:50

#CB9679

25:75

#DF9056

100%

CSS Gradient Code

background: linear-gradient(to right, #56A5DF, #DF9056);
background: linear-gradient(135deg, #56A5DF, #DF9056);

Explore Each Color

#56A5DF

View full color details

#DF9056

View full color details

Related Comparisons