#7486CF

#7486CF

#CFBD74

#CFBD74

Contrast Ratio

1.85:1

Delta E

82.8

Very Different

50:50 Mix

#ABA0A4

Color Values

Format #7486CF #CFBD74
HEX #7486CF #CFBD74
RGB 116, 134, 207 207, 189, 116
HSL 228.1, 48.7%, 63.3% 48.1, 48.7%, 63.3%
HSV 228.1, 44.0%, 81.2% 48.1, 44.0%, 81.2%
CMYK 44.0%, 35.3%, 0.0%, 18.8% 0.0%, 8.7%, 44.0%, 18.8%
OKLCH 0.6367 0.1118 272.4 0.7973 0.0954 95.9

Contrast & Accessibility

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CFBD74 → Background: #7486CF

The quick brown fox jumps over the lazy dog

Text: #7486CF → Background: #CFBD74

Color Difference (Delta E)

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

Gradient

#7486CF #8A8EC1 #9C97B2 #ABA0A4 #B8AA95 #C4B385 #CFBD74

Color Mixing

#7486CF

100%

#9393BA

75:25

#ABA0A4

50:50

#BEAE8D

25:75

#CFBD74

100%

CSS Gradient Code

background: linear-gradient(to right, #7486CF, #CFBD74);
background: linear-gradient(135deg, #7486CF, #CFBD74);

Explore Each Color

#7486CF

View full color details

#CFBD74

View full color details

Related Comparisons