#778FBC

#778FBC

#BCA477

#BCA477

Contrast Ratio

1.35:1

Delta E

53.58

Very Different

50:50 Mix

#9F999A

Color Values

Format #778FBC #BCA477
HEX #778FBC #BCA477
RGB 119, 143, 188 188, 164, 119
HSL 219.1, 34.0%, 60.2% 39.1, 34.0%, 60.2%
HSV 219.1, 36.7%, 73.7% 39.1, 36.7%, 73.7%
CMYK 36.7%, 23.9%, 0.0%, 26.3% 0.0%, 12.8%, 36.7%, 26.3%
OKLCH 0.6487 0.0731 262.7 0.7288 0.0668 82.8

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BCA477 → Background: #778FBC

The quick brown fox jumps over the lazy dog

Text: #778FBC → Background: #BCA477

Color Difference (Delta E)

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

Gradient

#778FBC #8692B1 #9496A6 #9F999A #AA9D8F #B3A083 #BCA477

Color Mixing

#778FBC

100%

#8D94AB

75:25

#9F999A

50:50

#AF9E89

25:75

#BCA477

100%

CSS Gradient Code

background: linear-gradient(to right, #778FBC, #BCA477);
background: linear-gradient(135deg, #778FBC, #BCA477);

Explore Each Color

#778FBC

View full color details

#BCA477

View full color details

Related Comparisons