#5C9CDF

#5C9CDF

#DF9F5C

#DF9F5C

Contrast Ratio

1.27:1

Delta E

86.27

Very Different

50:50 Mix

#B29D9F

Color Values

Format #5C9CDF #DF9F5C
HEX #5C9CDF #DF9F5C
RGB 92, 156, 223 223, 159, 92
HSL 210.7, 67.2%, 61.8% 30.7, 67.2%, 61.8%
HSV 210.7, 58.7%, 87.5% 30.7, 58.7%, 87.5%
CMYK 58.7%, 30.0%, 0.0%, 12.5% 0.0%, 28.7%, 58.7%, 12.5%
OKLCH 0.6785 0.1197 251.0 0.7507 0.1134 65.8

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9F5C → Background: #5C9CDF

The quick brown fox jumps over the lazy dog

Text: #5C9CDF → Background: #DF9F5C

Color Difference (Delta E)

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

Gradient

#5C9CDF #839CCA #9D9DB4 #B29D9F #C39E89 #D29E73 #DF9F5C

Color Mixing

#5C9CDF

100%

#919CBF

75:25

#B29D9F

50:50

#CB9E7E

25:75

#DF9F5C

100%

CSS Gradient Code

background: linear-gradient(to right, #5C9CDF, #DF9F5C);
background: linear-gradient(135deg, #5C9CDF, #DF9F5C);

Explore Each Color

#5C9CDF

View full color details

#DF9F5C

View full color details

Related Comparisons