#86A7D7

#86A7D7

#D7B686

#D7B686

Contrast Ratio

1.28:1

Delta E

57.57

Very Different

50:50 Mix

#B6AEAF

Color Values

Format #86A7D7 #D7B686
HEX #86A7D7 #D7B686
RGB 134, 167, 215 215, 182, 134
HSL 215.6, 50.3%, 68.4% 35.6, 50.3%, 68.4%
HSV 215.6, 37.7%, 84.3% 35.6, 37.7%, 84.3%
CMYK 37.7%, 22.3%, 0.0%, 15.7% 0.0%, 15.3%, 37.7%, 15.7%
OKLCH 0.7217 0.0793 257.7 0.7937 0.0739 76.7

Contrast & Accessibility

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D7B686 → Background: #86A7D7

The quick brown fox jumps over the lazy dog

Text: #86A7D7 → Background: #D7B686

Color Difference (Delta E)

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

Gradient

#86A7D7 #98A9CA #A8ACBC #B6AEAF #C2B1A2 #CDB394 #D7B686

Color Mixing

#86A7D7

100%

#A1AAC3

75:25

#B6AEAF

50:50

#C8B29B

25:75

#D7B686

100%

CSS Gradient Code

background: linear-gradient(to right, #86A7D7, #D7B686);
background: linear-gradient(135deg, #86A7D7, #D7B686);

Explore Each Color

#86A7D7

View full color details

#D7B686

View full color details

Related Comparisons