#417CBC

#417CBC

#BC8141

#BC8141

Contrast Ratio

1.31:1

Delta E

84.11

Very Different

50:50 Mix

#947E80

Color Values

Format #417CBC #BC8141
HEX #417CBC #BC8141
RGB 65, 124, 188 188, 129, 65
HSL 211.2, 48.6%, 49.6% 31.2, 48.6%, 49.6%
HSV 211.2, 65.4%, 73.7% 31.2, 65.4%, 73.7%
CMYK 65.4%, 34.0%, 0.0%, 26.3% 0.0%, 31.4%, 65.4%, 26.3%
OKLCH 0.5763 0.1169 252.2 0.6506 0.1085 66.0

Contrast & Accessibility

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC8141 → Background: #417CBC

The quick brown fox jumps over the lazy dog

Text: #417CBC → Background: #BC8141

Color Difference (Delta E)

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

Gradient

#417CBC #687CA8 #817D94 #947E80 #A37F6C #B18057 #BC8141

Color Mixing

#417CBC

100%

#767D9E

75:25

#947E80

50:50

#AA7F62

25:75

#BC8141

100%

CSS Gradient Code

background: linear-gradient(to right, #417CBC, #BC8141);
background: linear-gradient(135deg, #417CBC, #BC8141);

Explore Each Color

#417CBC

View full color details

#BC8141

View full color details

Related Comparisons