#5776CF

#5776CF

#CFB057

#CFB057

Contrast Ratio

2.04:1

Delta E

101.94

Very Different

50:50 Mix

Color Values

Format #5776CF #CFB057
HEX #5776CF #CFB057
RGB 87, 118, 207 207, 176, 87
HSL 224.5, 55.6%, 57.6% 44.5, 55.6%, 57.6%
HSV 224.5, 58.0%, 81.2% 44.5, 58.0%, 81.2%
CMYK 58.0%, 43.0%, 0.0%, 18.8% 0.0%, 15.0%, 58.0%, 18.8%
OKLCH 0.5852 0.141 267.5 0.7666 0.1142 90.3

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CFB057 β†’ Background: #5776CF

The quick brown fox jumps over the lazy dog

Text: #5776CF β†’ Background: #CFB057

Color Difference (Delta E)

101.94 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #5776CF, #CFB057);
background: linear-gradient(135deg, #5776CF, #CFB057);

Explore Each Color

Related Comparisons