#86B4F2

#86B4F2

#F2C486

#F2C486

Contrast Ratio

1.32:1

Delta E

73.94

Very Different

50:50 Mix

#C8BBBD

Color Values

Format #86B4F2 #F2C486
HEX #86B4F2 #F2C486
RGB 134, 180, 242 242, 196, 134
HSL 214.4, 80.6%, 73.7% 34.4, 80.6%, 73.7%
HSV 214.4, 44.6%, 94.9% 34.4, 44.6%, 94.9%
CMYK 44.6%, 25.6%, 0.0%, 5.1% 0.0%, 19.0%, 44.6%, 5.1%
OKLCH 0.7611 0.1025 256.1 0.847 0.0948 74.2

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2C486 → Background: #86B4F2

The quick brown fox jumps over the lazy dog

Text: #86B4F2 → Background: #F2C486

Color Difference (Delta E)

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

Gradient

#86B4F2 #A1B6E0 #B6B9CF #C8BBBD #D8BEAB #E5C199 #F2C486

Color Mixing

#86B4F2

100%

#ACB8D8

75:25

#C8BBBD

50:50

#DFC0A2

25:75

#F2C486

100%

CSS Gradient Code

background: linear-gradient(to right, #86B4F2, #F2C486);
background: linear-gradient(135deg, #86B4F2, #F2C486);

Explore Each Color

#86B4F2

View full color details

#F2C486

View full color details

Related Comparisons