#6174C5

#6174C5

#C5B261

#C5B261

Contrast Ratio

2.06:1

Delta E

92.82

Very Different

50:50 Mix

#9F9296

Color Values

Format #6174C5 #C5B261
HEX #6174C5 #C5B261
RGB 97, 116, 197 197, 178, 97
HSL 228.6, 46.3%, 57.6% 48.6, 46.3%, 57.6%
HSV 228.6, 50.8%, 77.3% 48.6, 50.8%, 77.3%
CMYK 50.8%, 41.1%, 0.0%, 22.7% 0.0%, 9.6%, 50.8%, 22.7%
OKLCH 0.5813 0.1262 272.0 0.7626 0.1042 96.5

Contrast & Accessibility

2.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C5B261 → Background: #6174C5

The quick brown fox jumps over the lazy dog

Text: #6174C5 → Background: #C5B261

Color Difference (Delta E)

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

Gradient

#6174C5 #7B7DB6 #8F87A6 #9F9296 #AD9C86 #BAA774 #C5B261

Color Mixing

#6174C5

100%

#8682AE

75:25

#9F9296

50:50

#B4A17D

25:75

#C5B261

100%

CSS Gradient Code

background: linear-gradient(to right, #6174C5, #C5B261);
background: linear-gradient(135deg, #6174C5, #C5B261);

Explore Each Color

#6174C5

View full color details

#C5B261

View full color details

Related Comparisons