#538DF4

#538DF4

#F4BA53

#F4BA53

Contrast Ratio

1.85:1

Delta E

117.68

Very Different

50:50 Mix

#BFA2A8

Color Values

Format #538DF4 #F4BA53
HEX #538DF4 #F4BA53
RGB 83, 141, 244 244, 186, 83
HSL 218.4, 88.0%, 64.1% 38.4, 88.0%, 64.1%
HSV 218.4, 66.0%, 95.7% 38.4, 66.0%, 95.7%
CMYK 66.0%, 42.2%, 0.0%, 4.3% 0.0%, 23.8%, 66.0%, 4.3%
OKLCH 0.6539 0.1656 261.0 0.8231 0.1359 79.1

Contrast & Accessibility

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4BA53 → Background: #538DF4

The quick brown fox jumps over the lazy dog

Text: #538DF4 → Background: #F4BA53

Color Difference (Delta E)

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

Gradient

#538DF4 #8693DB #A79AC2 #BFA2A8 #D3A98E #E5B272 #F4BA53

Color Mixing

#538DF4

100%

#9897CE

75:25

#BFA2A8

50:50

#DCAD80

25:75

#F4BA53

100%

CSS Gradient Code

background: linear-gradient(to right, #538DF4, #F4BA53);
background: linear-gradient(135deg, #538DF4, #F4BA53);

Explore Each Color

#538DF4

View full color details

#F4BA53

View full color details

Related Comparisons