#869DFD

#869DFD

#FDE686

#FDE686

Contrast Ratio

2.04:1

Delta E

104.92

Very Different

50:50 Mix

#CFC0C5

Color Values

Format #869DFD #FDE686
HEX #869DFD #FDE686
RGB 134, 157, 253 253, 230, 134
HSL 228.4, 96.7%, 75.9% 48.4, 96.7%, 75.9%
HSV 228.4, 47.0%, 99.2% 48.4, 47.0%, 99.2%
CMYK 47.0%, 37.9%, 0.0%, 0.8% 0.0%, 9.1%, 47.0%, 0.8%
OKLCH 0.7193 0.1423 272.2 0.9237 0.1192 96.3

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDE686 → Background: #869DFD

The quick brown fox jumps over the lazy dog

Text: #869DFD → Background: #FDE686

Color Difference (Delta E)

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

Gradient

#869DFD #A4A8EB #BCB4D8 #CFC0C5 #E0CCB1 #EFD99C #FDE686

Color Mixing

#869DFD

100%

#B0AEE1

75:25

#CFC0C5

50:50

#E8D3A7

25:75

#FDE686

100%

CSS Gradient Code

background: linear-gradient(to right, #869DFD, #FDE686);
background: linear-gradient(135deg, #869DFD, #FDE686);

Explore Each Color

#869DFD

View full color details

#FDE686

View full color details

Related Comparisons