#86C4F2

#86C4F2

#F2B486

#F2B486

Contrast Ratio

1.04:1

Delta E

66.07

Very Different

50:50 Mix

#C9BCBC

Color Values

Format #86C4F2 #F2B486
HEX #86C4F2 #F2B486
RGB 134, 196, 242 242, 180, 134
HSL 205.6, 80.6%, 73.7% 25.6, 80.6%, 73.7%
HSV 205.6, 44.6%, 94.9% 25.6, 44.6%, 94.9%
CMYK 44.6%, 19.0%, 0.0%, 5.1% 0.0%, 25.6%, 44.6%, 5.1%
OKLCH 0.7952 0.0914 241.4 0.8169 0.0944 57.5

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2B486 → Background: #86C4F2

The quick brown fox jumps over the lazy dog

Text: #86C4F2 → Background: #F2B486

Color Difference (Delta E)

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

Gradient

#86C4F2 #A2C1E0 #B7BFCE #C9BCBC #D8B9AA #E6B798 #F2B486

Color Mixing

#86C4F2

100%

#ADC0D7

75:25

#C9BCBC

50:50

#DFB8A1

25:75

#F2B486

100%

CSS Gradient Code

background: linear-gradient(to right, #86C4F2, #F2B486);
background: linear-gradient(135deg, #86C4F2, #F2B486);

Explore Each Color

#86C4F2

View full color details

#F2B486

View full color details

Related Comparisons