#828DFD

#828DFD

#FDF282

#FDF282

Contrast Ratio

2.54:1

Delta E

122.04

Very Different

50:50 Mix

#CFBDC4

Color Values

Format #828DFD #FDF282
HEX #828DFD #FDF282
RGB 130, 141, 253 253, 242, 130
HSL 234.6, 96.9%, 75.1% 54.6, 96.9%, 75.1%
HSV 234.6, 48.6%, 99.2% 54.6, 48.6%, 99.2%
CMYK 48.6%, 44.3%, 0.0%, 0.8% 0.0%, 4.3%, 48.6%, 0.8%
OKLCH 0.6856 0.1636 276.9 0.9472 0.1342 103.6

Contrast & Accessibility

2.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDF282 → Background: #828DFD

The quick brown fox jumps over the lazy dog

Text: #828DFD → Background: #FDF282

Color Difference (Delta E)

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

Gradient

#828DFD #A29DEA #BAADD8 #CFBDC4 #E0CFB0 #EFE09A #FDF282

Color Mixing

#828DFD

100%

#AFA5E1

75:25

#CFBDC4

50:50

#E8D7A5

25:75

#FDF282

100%

CSS Gradient Code

background: linear-gradient(to right, #828DFD, #FDF282);
background: linear-gradient(135deg, #828DFD, #FDF282);

Explore Each Color

#828DFD

View full color details

#FDF282

View full color details

Related Comparisons