#535BF4

#535BF4

#F4EC53

#F4EC53

Contrast Ratio

4.07:1

Delta E

166.75

Very Different

50:50 Mix

#C1A0AE

Color Values

Format #535BF4 #F4EC53
HEX #535BF4 #F4EC53
RGB 83, 91, 244 244, 236, 83
HSL 237.0, 88.0%, 64.1% 57.0, 88.0%, 64.1%
HSV 237.0, 66.0%, 95.7% 57.0, 66.0%, 95.7%
CMYK 66.0%, 62.7%, 0.0%, 4.3% 0.0%, 3.3%, 66.0%, 4.3%
OKLCH 0.559 0.2245 274.2 0.9227 0.1683 106.3

Contrast & Accessibility

4.07:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4EC53 → Background: #535BF4

The quick brown fox jumps over the lazy dog

Text: #535BF4 → Background: #F4EC53

Color Difference (Delta E)

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

Gradient

#535BF4 #8771DD #A888C6 #C1A0AE #D5B995 #E6D278 #F4EC53

Color Mixing

#535BF4

100%

#997CD2

75:25

#C1A0AE

50:50

#DEC687

25:75

#F4EC53

100%

CSS Gradient Code

background: linear-gradient(to right, #535BF4, #F4EC53);
background: linear-gradient(135deg, #535BF4, #F4EC53);

Explore Each Color

#535BF4

View full color details

#F4EC53

View full color details

Related Comparisons