#5587FD

#5587FD

#FDCB55

#FDCB55

Contrast Ratio

2.21:1

Delta E

130.77

Very Different

50:50 Mix

#C6A6AF

Color Values

Format #5587FD #FDCB55
HEX #5587FD #FDCB55
RGB 85, 135, 253 253, 203, 85
HSL 222.1, 97.7%, 66.3% 42.1, 97.7%, 66.3%
HSV 222.1, 66.4%, 99.2% 42.1, 66.4%, 99.2%
CMYK 66.4%, 46.6%, 0.0%, 0.8% 0.0%, 19.8%, 66.4%, 0.8%
OKLCH 0.6481 0.1837 264.6 0.865 0.1442 85.7

Contrast & Accessibility

2.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDCB55 → Background: #5587FD

The quick brown fox jumps over the lazy dog

Text: #5587FD → Background: #FDCB55

Color Difference (Delta E)

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

Gradient

#5587FD #8B91E3 #AD9BC9 #C6A6AF #DBB294 #EDBE77 #FDCB55

Color Mixing

#5587FD

100%

#9D96D6

75:25

#C6A6AF

50:50

#E4B886

25:75

#FDCB55

100%

CSS Gradient Code

background: linear-gradient(to right, #5587FD, #FDCB55);
background: linear-gradient(135deg, #5587FD, #FDCB55);

Explore Each Color

#5587FD

View full color details

#FDCB55

View full color details

Related Comparisons