#688BFA

#688BFA

#FAD768

#FAD768

Contrast Ratio

2.25:1

Delta E

122.27

Very Different

50:50 Mix

#C7AFB6

Color Values

Format #688BFA #FAD768
HEX #688BFA #FAD768
RGB 104, 139, 250 250, 215, 104
HSL 225.6, 93.6%, 69.4% 45.6, 93.6%, 69.4%
HSV 225.6, 58.4%, 98.0% 45.6, 58.4%, 98.0%
CMYK 58.4%, 44.4%, 0.0%, 2.0% 0.0%, 14.0%, 58.4%, 2.0%
OKLCH 0.6639 0.169 268.4 0.8875 0.1352 92.0

Contrast & Accessibility

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FAD768 → Background: #688BFA

The quick brown fox jumps over the lazy dog

Text: #688BFA → Background: #FAD768

Color Difference (Delta E)

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

Gradient

#688BFA #9296E4 #B0A2CD #C7AFB6 #DABC9E #EBC985 #FAD768

Color Mixing

#688BFA

100%

#A29CD8

75:25

#C7AFB6

50:50

#E3C292

25:75

#FAD768

100%

CSS Gradient Code

background: linear-gradient(to right, #688BFA, #FAD768);
background: linear-gradient(135deg, #688BFA, #FAD768);

Explore Each Color

#688BFA

View full color details

#FAD768

View full color details

Related Comparisons