#86C1FD

#86C1FD

#FDC286

#FDC286

Contrast Ratio

1.2:1

Delta E

75.97

Very Different

50:50 Mix

#D0C1C2

Color Values

Format #86C1FD #FDC286
HEX #86C1FD #FDC286
RGB 134, 193, 253 253, 194, 134
HSL 210.3, 96.7%, 75.9% 30.3, 96.7%, 75.9%
HSV 210.3, 47.0%, 99.2% 30.3, 47.0%, 99.2%
CMYK 47.0%, 23.7%, 0.0%, 0.8% 0.0%, 23.3%, 47.0%, 0.8%
OKLCH 0.7935 0.1055 249.7 0.8542 0.102 66.2

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDC286 → Background: #86C1FD

The quick brown fox jumps over the lazy dog

Text: #86C1FD → Background: #FDC286

Color Difference (Delta E)

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

Gradient

#86C1FD #A5C1E9 #BCC1D6 #D0C1C2 #E1C1AE #F0C29A #FDC286

Color Mixing

#86C1FD

100%

#B1C1E0

75:25

#D0C1C2

50:50

#E8C2A5

25:75

#FDC286

100%

CSS Gradient Code

background: linear-gradient(to right, #86C1FD, #FDC286);
background: linear-gradient(135deg, #86C1FD, #FDC286);

Explore Each Color

#86C1FD

View full color details

#FDC286

View full color details

Related Comparisons