#778DBB

#778DBB

#BBA577

#BBA577

Contrast Ratio

1.39:1

Delta E

54.32

Very Different

50:50 Mix

#9F999A

Color Values

Format #778DBB #BBA577
HEX #778DBB #BBA577
RGB 119, 141, 187 187, 165, 119
HSL 220.6, 33.3%, 60.0% 40.6, 33.3%, 60.0%
HSV 220.6, 36.4%, 73.3% 40.6, 36.4%, 73.3%
CMYK 36.4%, 24.6%, 0.0%, 26.7% 0.0%, 11.8%, 36.4%, 26.7%
OKLCH 0.6439 0.0739 264.6 0.73 0.067 85.2

Contrast & Accessibility

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BBA577 → Background: #778DBB

The quick brown fox jumps over the lazy dog

Text: #778DBB → Background: #BBA577

Color Difference (Delta E)

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

Gradient

#778DBB #8691B0 #9395A5 #9F999A #A99D8E #B2A183 #BBA577

Color Mixing

#778DBB

100%

#8D93AA

75:25

#9F999A

50:50

#AE9F89

25:75

#BBA577

100%

CSS Gradient Code

background: linear-gradient(to right, #778DBB, #BBA577);
background: linear-gradient(135deg, #778DBB, #BBA577);

Explore Each Color

#778DBB

View full color details

#BBA577

View full color details

Related Comparisons