#7B8FD2

#7B8FD2

#D2BE7B

#D2BE7B

Contrast Ratio

1.7:1

Delta E

75.98

Very Different

50:50 Mix

#AFA6A8

Color Values

Format #7B8FD2 #D2BE7B
HEX #7B8FD2 #D2BE7B
RGB 123, 143, 210 210, 190, 123
HSL 226.2, 49.2%, 65.3% 46.2, 49.2%, 65.3%
HSV 226.2, 41.4%, 82.4% 46.2, 41.4%, 82.4%
CMYK 41.4%, 31.9%, 0.0%, 17.6% 0.0%, 9.5%, 41.4%, 17.6%
OKLCH 0.6616 0.1027 270.7 0.8032 0.0891 93.4

Contrast & Accessibility

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D2BE7B → Background: #7B8FD2

The quick brown fox jumps over the lazy dog

Text: #7B8FD2 → Background: #D2BE7B

Color Difference (Delta E)

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

Gradient

#7B8FD2 #8F96C4 #A09EB6 #AFA6A8 #BCAE9A #C7B68B #D2BE7B

Color Mixing

#7B8FD2

100%

#989ABD

75:25

#AFA6A8

50:50

#C2B292

25:75

#D2BE7B

100%

CSS Gradient Code

background: linear-gradient(to right, #7B8FD2, #D2BE7B);
background: linear-gradient(135deg, #7B8FD2, #D2BE7B);

Explore Each Color

#7B8FD2

View full color details

#D2BE7B

View full color details

Related Comparisons