#629DF2

#629DF2

#F2B762

#F2B762

Contrast Ratio

1.54:1

Delta E

100.35

Very Different

50:50 Mix

#C0A9AD

Color Values

Format #629DF2 #F2B762
HEX #629DF2 #F2B762
RGB 98, 157, 242 242, 183, 98
HSL 215.4, 84.7%, 66.7% 35.4, 84.7%, 66.7%
HSV 215.4, 59.5%, 94.9% 35.4, 59.5%, 94.9%
CMYK 59.5%, 35.1%, 0.0%, 5.1% 0.0%, 24.4%, 59.5%, 5.1%
OKLCH 0.6933 0.1403 257.6 0.817 0.123 74.6

Contrast & Accessibility

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2B762 → Background: #629DF2

The quick brown fox jumps over the lazy dog

Text: #629DF2 → Background: #F2B762

Color Difference (Delta E)

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

Gradient

#629DF2 #8DA1DB #AAA5C4 #C0A9AD #D3AD95 #E3B27C #F2B762

Color Mixing

#629DF2

100%

#9CA3CF

75:25

#C0A9AD

50:50

#DCB089

25:75

#F2B762

100%

CSS Gradient Code

background: linear-gradient(to right, #629DF2, #F2B762);
background: linear-gradient(135deg, #629DF2, #F2B762);

Explore Each Color

#629DF2

View full color details

#F2B762

View full color details

Related Comparisons