#528FF3

#528FF3

#F3B652

#F3B652

Contrast Ratio

1.77:1

Delta E

115.41

Very Different

50:50 Mix

#BFA1A7

Color Values

Format #528FF3 #F3B652
HEX #528FF3 #F3B652
RGB 82, 143, 243 243, 182, 82
HSL 217.3, 87.0%, 63.7% 37.3, 87.0%, 63.7%
HSV 217.3, 66.3%, 95.3% 37.3, 66.3%, 95.3%
CMYK 66.3%, 41.2%, 0.0%, 4.7% 0.0%, 25.1%, 66.3%, 4.7%
OKLCH 0.657 0.1624 259.8 0.8144 0.1352 77.1

Contrast & Accessibility

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3B652 → Background: #528FF3

The quick brown fox jumps over the lazy dog

Text: #528FF3 → Background: #F3B652

Color Difference (Delta E)

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

Gradient

#528FF3 #8694DA #A69AC0 #BFA1A7 #D3A78D #E4AF71 #F3B652

Color Mixing

#528FF3

100%

#9797CD

75:25

#BFA1A7

50:50

#DCAB7F

25:75

#F3B652

100%

CSS Gradient Code

background: linear-gradient(to right, #528FF3, #F3B652);
background: linear-gradient(135deg, #528FF3, #F3B652);

Explore Each Color

#528FF3

View full color details

#F3B652

View full color details

Related Comparisons