#5791CF

#5791CF

#CF9557

#CF9557

Contrast Ratio

1.27:1

Delta E

80.48

Very Different

50:50 Mix

Color Values

Format #5791CF #CF9557
HEX #5791CF #CF9557
RGB 87, 145, 207 207, 149, 87
HSL 211.0, 55.6%, 57.6% 31.0, 55.6%, 57.6%
HSV 211.0, 58.0%, 81.2% 31.0, 58.0%, 81.2%
CMYK 58.0%, 30.0%, 0.0%, 18.8% 0.0%, 28.0%, 58.0%, 18.8%
OKLCH 0.6436 0.1118 251.4 0.7133 0.1055 66.6

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CF9557 β†’ Background: #5791CF

The quick brown fox jumps over the lazy dog

Text: #5791CF β†’ Background: #CF9557

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #5791CF, #CF9557);
background: linear-gradient(135deg, #5791CF, #CF9557);

Explore Each Color

Related Comparisons