#548CBC

#548CBC

#BC8454

#BC8454

Contrast Ratio

1.12:1

Delta E

68.24

Very Different

50:50 Mix

#978889

Color Values

Format #548CBC #BC8454
HEX #548CBC #BC8454
RGB 84, 140, 188 188, 132, 84
HSL 207.7, 43.7%, 53.3% 27.7, 43.7%, 53.3%
HSV 207.7, 55.3%, 73.7% 27.7, 55.3%, 73.7%
CMYK 55.3%, 25.5%, 0.0%, 26.3% 0.0%, 29.8%, 55.3%, 26.3%
OKLCH 0.6215 0.0941 245.9 0.6589 0.0942 60.7

Contrast & Accessibility

1.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC8454 → Background: #548CBC

The quick brown fox jumps over the lazy dog

Text: #548CBC → Background: #BC8454

Color Difference (Delta E)

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

Gradient

#548CBC #728BAB #87899A #978889 #A58777 #B18566 #BC8454

Color Mixing

#548CBC

100%

#7D8AA2

75:25

#978889

50:50

#AC866F

25:75

#BC8454

100%

CSS Gradient Code

background: linear-gradient(to right, #548CBC, #BC8454);
background: linear-gradient(135deg, #548CBC, #BC8454);

Explore Each Color

#548CBC

View full color details

#BC8454

View full color details

Related Comparisons