#555FFF

#555FFF

#FFF555

#FFF555

Contrast Ratio

4.13:1

Delta E

172.78

Very Different

50:50 Mix

#CAA6B6

Color Values

Format #555FFF #FFF555
HEX #555FFF #FFF555
RGB 85, 95, 255 255, 245, 85
HSL 236.5, 100.0%, 66.7% 56.5, 100.0%, 66.7%
HSV 236.5, 66.7%, 100.0% 56.5, 66.7%, 100.0%
CMYK 66.7%, 62.7%, 0.0%, 0.0% 0.0%, 3.9%, 66.7%, 0.0%
OKLCH 0.5759 0.2332 273.7 0.9504 0.1739 105.8

Contrast & Accessibility

4.13:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFF555 → Background: #555FFF

The quick brown fox jumps over the lazy dog

Text: #555FFF → Background: #FFF555

Color Difference (Delta E)

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

Gradient

#555FFF #8D76E7 #B08ECF #CAA6B6 #DFC09B #F0DA7C #FFF555

Color Mixing

#555FFF

100%

#A081DB

75:25

#CAA6B6

50:50

#E8CD8C

25:75

#FFF555

100%

CSS Gradient Code

background: linear-gradient(to right, #555FFF, #FFF555);
background: linear-gradient(135deg, #555FFF, #FFF555);

Explore Each Color

#555FFF

View full color details

#FFF555

View full color details

Related Comparisons