#649CF2

#649CF2

#F2BA64

#F2BA64

Contrast Ratio

1.58:1

Delta E

100.54

Very Different

50:50 Mix

#C0AAAE

Color Values

Format #649CF2 #F2BA64
HEX #649CF2 #F2BA64
RGB 100, 156, 242 242, 186, 100
HSL 216.3, 84.5%, 67.1% 36.3, 84.5%, 67.1%
HSV 216.3, 58.7%, 94.9% 36.3, 58.7%, 94.9%
CMYK 58.7%, 35.5%, 0.0%, 5.1% 0.0%, 23.1%, 58.7%, 5.1%
OKLCH 0.6921 0.1405 258.7 0.823 0.122 76.4

Contrast & Accessibility

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2BA64 → Background: #649CF2

The quick brown fox jumps over the lazy dog

Text: #649CF2 → Background: #F2BA64

Color Difference (Delta E)

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

Gradient

#649CF2 #8DA0DB #AAA5C5 #C0AAAE #D3AF96 #E4B47E #F2BA64

Color Mixing

#649CF2

100%

#9DA3D0

75:25

#C0AAAE

50:50

#DCB28A

25:75

#F2BA64

100%

CSS Gradient Code

background: linear-gradient(to right, #649CF2, #F2BA64);
background: linear-gradient(135deg, #649CF2, #F2BA64);

Explore Each Color

#649CF2

View full color details

#F2BA64

View full color details

Related Comparisons