#538DF2

#538DF2

#F2B853

#F2B853

Contrast Ratio

1.82:1

Delta E

115.85

Very Different

50:50 Mix

#BEA1A7

Color Values

Format #538DF2 #F2B853
HEX #538DF2 #F2B853
RGB 83, 141, 242 242, 184, 83
HSL 218.1, 85.9%, 63.7% 38.1, 85.9%, 63.7%
HSV 218.1, 65.7%, 94.9% 38.1, 65.7%, 94.9%
CMYK 65.7%, 41.7%, 0.0%, 5.1% 0.0%, 24.0%, 65.7%, 5.1%
OKLCH 0.6526 0.163 260.7 0.8173 0.1344 78.7

Contrast & Accessibility

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2B853 → Background: #538DF2

The quick brown fox jumps over the lazy dog

Text: #538DF2 → Background: #F2B853

Color Difference (Delta E)

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

Gradient

#538DF2 #8693D9 #A69AC0 #BEA1A7 #D2A88D #E3B072 #F2B853

Color Mixing

#538DF2

100%

#9796CD

75:25

#BEA1A7

50:50

#DBAC80

25:75

#F2B853

100%

CSS Gradient Code

background: linear-gradient(to right, #538DF2, #F2B853);
background: linear-gradient(135deg, #538DF2, #F2B853);

Explore Each Color

#538DF2

View full color details

#F2B853

View full color details

Related Comparisons