#5696CF

#5696CF

#CF8F56

#CF8F56

Contrast Ratio

1.16:1

Delta E

78.46

Very Different

50:50 Mix

#A69293

Color Values

Format #5696CF #CF8F56
HEX #5696CF #CF8F56
RGB 86, 150, 207 207, 143, 86
HSL 208.3, 55.8%, 57.5% 28.3, 55.8%, 57.5%
HSV 208.3, 58.5%, 81.2% 28.3, 58.5%, 81.2%
CMYK 58.5%, 27.5%, 0.0%, 18.8% 0.0%, 30.9%, 58.5%, 18.8%
OKLCH 0.6544 0.1081 247.2 0.7019 0.107 61.4

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CF8F56 → Background: #5696CF

The quick brown fox jumps over the lazy dog

Text: #5696CF → Background: #CF8F56

Color Difference (Delta E)

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

Gradient

#5696CF #7A95BB #9294A7 #A69293 #B5917F #C3906B #CF8F56

Color Mixing

#5696CF

100%

#8794B1

75:25

#A69293

50:50

#BD9175

25:75

#CF8F56

100%

CSS Gradient Code

background: linear-gradient(to right, #5696CF, #CF8F56);
background: linear-gradient(135deg, #5696CF, #CF8F56);

Explore Each Color

#5696CF

View full color details

#CF8F56

View full color details

Related Comparisons