#6787BC

#6787BC

#BC9C67

#BC9C67

Contrast Ratio

1.4:1

Delta E

64.22

Very Different

50:50 Mix

Color Values

Format #6787BC #BC9C67
HEX #6787BC #BC9C67
RGB 103, 135, 188 188, 156, 103
HSL 217.4, 38.8%, 57.1% 37.4, 38.8%, 57.1%
HSV 217.4, 45.2%, 73.7% 37.4, 45.2%, 73.7%
CMYK 45.2%, 28.2%, 0.0%, 26.3% 0.0%, 17.0%, 45.2%, 26.3%
OKLCH 0.6208 0.0886 260.2 0.7095 0.0798 79.5

Contrast & Accessibility

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC9C67 β†’ Background: #6787BC

The quick brown fox jumps over the lazy dog

Text: #6787BC β†’ Background: #BC9C67

Color Difference (Delta E)

64.22 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #6787BC, #BC9C67);
background: linear-gradient(135deg, #6787BC, #BC9C67);

Explore Each Color

Related Comparisons