#537AF6

#537AF6

#F6CF53

#F6CF53

Contrast Ratio

2.55:1

Delta E

136.46

Very Different

50:50 Mix

#C1A2AC

Color Values

Format #537AF6 #F6CF53
HEX #537AF6 #F6CF53
RGB 83, 122, 246 246, 207, 83
HSL 225.6, 90.1%, 64.5% 45.6, 90.1%, 64.5%
HSV 225.6, 66.3%, 96.5% 45.6, 66.3%, 96.5%
CMYK 66.3%, 50.4%, 0.0%, 3.5% 0.0%, 15.9%, 66.3%, 3.5%
OKLCH 0.6167 0.1904 267.4 0.8659 0.1458 91.4

Contrast & Accessibility

2.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F6CF53 → Background: #537AF6

The quick brown fox jumps over the lazy dog

Text: #537AF6 → Background: #F6CF53

Color Difference (Delta E)

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

Gradient

#537AF6 #8786DE #A893C5 #C1A2AC #D5B091 #E7BF75 #F6CF53

Color Mixing

#537AF6

100%

#998DD1

75:25

#C1A2AC

50:50

#DEB883

25:75

#F6CF53

100%

CSS Gradient Code

background: linear-gradient(to right, #537AF6, #F6CF53);
background: linear-gradient(135deg, #537AF6, #F6CF53);

Explore Each Color

#537AF6

View full color details

#F6CF53

View full color details

Related Comparisons