#696CBA

#696CBA

#BAB769

#BAB769

Contrast Ratio

2.26:1

Delta E

90.04

Very Different

50:50 Mix

#9A9094

Color Values

Format #696CBA #BAB769
HEX #696CBA #BAB769
RGB 105, 108, 186 186, 183, 105
HSL 237.8, 37.0%, 57.1% 57.8, 37.0%, 57.1%
HSV 237.8, 43.5%, 72.9% 57.8, 43.5%, 72.9%
CMYK 43.5%, 41.9%, 0.0%, 27.1% 0.0%, 1.6%, 43.5%, 27.1%
OKLCH 0.5643 0.1193 280.2 0.7646 0.1004 106.6

Contrast & Accessibility

2.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BAB769 → Background: #696CBA

The quick brown fox jumps over the lazy dog

Text: #696CBA → Background: #BAB769

Color Difference (Delta E)

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

Gradient

#696CBA #7D78AE #8D84A1 #9A9094 #A69D87 #B1AA79 #BAB769

Color Mixing

#696CBA

100%

#857EA8

75:25

#9A9094

50:50

#ACA380

25:75

#BAB769

100%

CSS Gradient Code

background: linear-gradient(to right, #696CBA, #BAB769);
background: linear-gradient(135deg, #696CBA, #BAB769);

Explore Each Color

#696CBA

View full color details

#BAB769

View full color details

Related Comparisons