#529EF1

#529EF1

#F1A552

#F1A552

Contrast Ratio

1.36:1

Delta E

103.82

Very Different

50:50 Mix

#BEA1A4

Color Values

Format #529EF1 #F1A552
HEX #529EF1 #F1A552
RGB 82, 158, 241 241, 165, 82
HSL 211.3, 85.0%, 63.3% 31.3, 85.0%, 63.3%
HSV 211.3, 66.0%, 94.5% 31.3, 66.0%, 94.5%
CMYK 66.0%, 34.4%, 0.0%, 5.5% 0.0%, 31.5%, 66.0%, 5.5%
OKLCH 0.688 0.1444 252.4 0.7807 0.1333 65.9

Contrast & Accessibility

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1A552 → Background: #529EF1

The quick brown fox jumps over the lazy dog

Text: #529EF1 → Background: #F1A552

Color Difference (Delta E)

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

Gradient

#529EF1 #869FD7 #A6A0BE #BEA1A4 #D2A28A #E2A36F #F1A552

Color Mixing

#529EF1

100%

#979FCA

75:25

#BEA1A4

50:50

#DAA37D

25:75

#F1A552

100%

CSS Gradient Code

background: linear-gradient(to right, #529EF1, #F1A552);
background: linear-gradient(135deg, #529EF1, #F1A552);

Explore Each Color

#529EF1

View full color details

#F1A552

View full color details

Related Comparisons