#5660FD

#5660FD

#FDF356

#FDF356

Contrast Ratio

4.04:1

Delta E

169.94

Very Different

50:50 Mix

#C8A6B5

Color Values

Format #5660FD #FDF356
HEX #5660FD #FDF356
RGB 86, 96, 253 253, 243, 86
HSL 236.4, 97.7%, 66.5% 56.4, 97.7%, 66.5%
HSV 236.4, 66.0%, 99.2% 56.4, 66.0%, 99.2%
CMYK 66.0%, 62.1%, 0.0%, 0.8% 0.0%, 4.0%, 66.0%, 0.8%
OKLCH 0.5765 0.2294 273.9 0.9448 0.1716 105.7

Contrast & Accessibility

4.04:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDF356 → Background: #5660FD

The quick brown fox jumps over the lazy dog

Text: #5660FD → Background: #FDF356

Color Difference (Delta E)

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

Gradient

#5660FD #8C76E6 #AE8ECE #C8A6B5 #DDBF9A #EED97C #FDF356

Color Mixing

#5660FD

100%

#9F82DA

75:25

#C8A6B5

50:50

#E6CC8C

25:75

#FDF356

100%

CSS Gradient Code

background: linear-gradient(to right, #5660FD, #FDF356);
background: linear-gradient(135deg, #5660FD, #FDF356);

Explore Each Color

#5660FD

View full color details

#FDF356

View full color details

Related Comparisons