#6491F2

#6491F2

#F2C564

#F2C564

Contrast Ratio

1.88:1

Delta E

109.46

Very Different

50:50 Mix

#C0A9AF

Color Values

Format #6491F2 #F2C564
HEX #6491F2 #F2C564
RGB 100, 145, 242 242, 197, 100
HSL 221.0, 84.5%, 67.1% 41.0, 84.5%, 67.1%
HSV 221.0, 58.7%, 94.9% 41.0, 58.7%, 94.9%
CMYK 58.7%, 40.1%, 0.0%, 5.1% 0.0%, 18.6%, 58.7%, 5.1%
OKLCH 0.6691 0.1525 264.0 0.8441 0.126 84.6

Contrast & Accessibility

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2C564 → Background: #6491F2

The quick brown fox jumps over the lazy dog

Text: #6491F2 → Background: #F2C564

Color Difference (Delta E)

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

Gradient

#6491F2 #8D99DC #AAA1C5 #C0A9AF #D3B297 #E3BB7F #F2C564

Color Mixing

#6491F2

100%

#9C9DD1

75:25

#C0A9AF

50:50

#DBB78B

25:75

#F2C564

100%

CSS Gradient Code

background: linear-gradient(to right, #6491F2, #F2C564);
background: linear-gradient(135deg, #6491F2, #F2C564);

Explore Each Color

#6491F2

View full color details

#F2C564

View full color details

Related Comparisons