#489ABC

#489ABC

#BC6A48

#BC6A48

Contrast Ratio

1.25:1

Delta E

73.36

Very Different

50:50 Mix

#988381

Color Values

Format #489ABC #BC6A48
HEX #489ABC #BC6A48
RGB 72, 154, 188 188, 106, 72
HSL 197.6, 46.4%, 51.0% 17.6, 46.4%, 51.0%
HSV 197.6, 61.7%, 73.7% 17.6, 61.7%, 73.7%
CMYK 61.7%, 18.1%, 0.0%, 26.3% 0.0%, 43.6%, 61.7%, 26.3%
OKLCH 0.6491 0.0941 228.0 0.6099 0.1154 42.8

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC6A48 → Background: #489ABC

The quick brown fox jumps over the lazy dog

Text: #489ABC → Background: #BC6A48

Color Difference (Delta E)

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

Gradient

#489ABC #6E93A8 #868B95 #988381 #A67B6E #B2735B #BC6A48

Color Mixing

#489ABC

100%

#7B8F9E

75:25

#988381

50:50

#AC7765

25:75

#BC6A48

100%

CSS Gradient Code

background: linear-gradient(to right, #489ABC, #BC6A48);
background: linear-gradient(135deg, #489ABC, #BC6A48);

Explore Each Color

#489ABC

View full color details

#BC6A48

View full color details

Related Comparisons