#527CF3

#527CF3

#F3C952

#F3C952

Contrast Ratio

2.4:1

Delta E

131.77

Very Different

50:50 Mix

#BEA0A9

Color Values

Format #527CF3 #F3C952
HEX #527CF3 #F3C952
RGB 82, 124, 243 243, 201, 82
HSL 224.3, 87.0%, 63.7% 44.3, 87.0%, 63.7%
HSV 224.3, 66.3%, 95.3% 44.3, 66.3%, 95.3%
CMYK 66.3%, 49.0%, 0.0%, 4.7% 0.0%, 17.3%, 66.3%, 4.7%
OKLCH 0.6181 0.1843 266.4 0.8511 0.1424 89.4

Contrast & Accessibility

2.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3C952 → Background: #527CF3

The quick brown fox jumps over the lazy dog

Text: #527CF3 → Background: #F3C952

Color Difference (Delta E)

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

Gradient

#527CF3 #8587DB #A693C2 #BEA0A9 #D2AD8F #E4BB73 #F3C952

Color Mixing

#527CF3

100%

#978DCE

75:25

#BEA0A9

50:50

#DBB481

25:75

#F3C952

100%

CSS Gradient Code

background: linear-gradient(to right, #527CF3, #F3C952);
background: linear-gradient(135deg, #527CF3, #F3C952);

Explore Each Color

#527CF3

View full color details

#F3C952

View full color details

Related Comparisons