#86B1FD

#86B1FD

#FDD286

#FDD286

Contrast Ratio

1.52:1

Delta E

86.52

Very Different

50:50 Mix

#CFC1C3

Color Values

Format #86B1FD #FDD286
HEX #86B1FD #FDD286
RGB 134, 177, 253 253, 210, 134
HSL 218.3, 96.7%, 75.9% 38.3, 96.7%, 75.9%
HSV 218.3, 47.0%, 99.2% 38.3, 47.0%, 99.2%
CMYK 47.0%, 30.0%, 0.0%, 0.8% 0.0%, 17.0%, 47.0%, 0.8%
OKLCH 0.7599 0.1195 261.4 0.8845 0.1059 80.9

Contrast & Accessibility

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDD286 → Background: #86B1FD

The quick brown fox jumps over the lazy dog

Text: #86B1FD → Background: #FDD286

Color Difference (Delta E)

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

Gradient

#86B1FD #A4B6EA #BCBBD7 #CFC1C3 #E0C6B0 #EFCC9B #FDD286

Color Mixing

#86B1FD

100%

#B0B9E0

75:25

#CFC1C3

50:50

#E8C9A5

25:75

#FDD286

100%

CSS Gradient Code

background: linear-gradient(to right, #86B1FD, #FDD286);
background: linear-gradient(135deg, #86B1FD, #FDD286);

Explore Each Color

#86B1FD

View full color details

#FDD286

View full color details

Related Comparisons