#555CF4

#555CF4

#F4ED55

#F4ED55

Contrast Ratio

4.05:1

Delta E

165.8

Very Different

50:50 Mix

#C1A1AF

Color Values

Format #555CF4 #F4ED55
HEX #555CF4 #F4ED55
RGB 85, 92, 244 244, 237, 85
HSL 237.4, 87.8%, 64.5% 57.4, 87.8%, 64.5%
HSV 237.4, 65.2%, 95.7% 57.4, 65.2%, 95.7%
CMYK 65.2%, 62.3%, 0.0%, 4.3% 0.0%, 2.9%, 65.2%, 4.3%
OKLCH 0.5618 0.2229 274.6 0.9249 0.1678 106.7

Contrast & Accessibility

4.05:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4ED55 → Background: #555CF4

The quick brown fox jumps over the lazy dog

Text: #555CF4 → Background: #F4ED55

Color Difference (Delta E)

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

Gradient

#555CF4 #8872DE #A989C7 #C1A1AF #D5BA96 #E6D379 #F4ED55

Color Mixing

#555CF4

100%

#9A7DD2

75:25

#C1A1AF

50:50

#DEC788

25:75

#F4ED55

100%

CSS Gradient Code

background: linear-gradient(to right, #555CF4, #F4ED55);
background: linear-gradient(135deg, #555CF4, #F4ED55);

Explore Each Color

#555CF4

View full color details

#F4ED55

View full color details

Related Comparisons