#6499F2

#6499F2

#F2BD64

#F2BD64

Contrast Ratio

1.66:1

Delta E

102.83

Very Different

50:50 Mix

#C0AAAE

Color Values

Format #6499F2 #F2BD64
HEX #6499F2 #F2BD64
RGB 100, 153, 242 242, 189, 100
HSL 217.6, 84.5%, 67.1% 37.6, 84.5%, 67.1%
HSV 217.6, 58.7%, 94.9% 37.6, 58.7%, 94.9%
CMYK 58.7%, 36.8%, 0.0%, 5.1% 0.0%, 21.9%, 58.7%, 5.1%
OKLCH 0.6858 0.1437 260.2 0.8287 0.1228 78.7

Contrast & Accessibility

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2BD64 → Background: #6499F2

The quick brown fox jumps over the lazy dog

Text: #6499F2 → Background: #F2BD64

Color Difference (Delta E)

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

Gradient

#6499F2 #8D9EDB #AAA4C5 #C0AAAE #D3B097 #E3B67E #F2BD64

Color Mixing

#6499F2

100%

#9DA1D0

75:25

#C0AAAE

50:50

#DCB38B

25:75

#F2BD64

100%

CSS Gradient Code

background: linear-gradient(to right, #6499F2, #F2BD64);
background: linear-gradient(135deg, #6499F2, #F2BD64);

Explore Each Color

#6499F2

View full color details

#F2BD64

View full color details

Related Comparisons