#3978AB

#3978AB

#AB6C39

#AB6C39

Contrast Ratio

1.11:1

Delta E

75.41

Very Different

50:50 Mix

#877273

Color Values

Format #3978AB #AB6C39
HEX #3978AB #AB6C39
RGB 57, 120, 171 171, 108, 57
HSL 206.8, 50.0%, 44.7% 26.8, 50.0%, 44.7%
HSV 206.8, 66.7%, 67.1% 26.8, 66.7%, 67.1%
CMYK 66.7%, 29.8%, 0.0%, 32.9% 0.0%, 36.8%, 66.7%, 32.9%
OKLCH 0.5544 0.1027 245.6 0.5892 0.1043 57.7

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AB6C39 → Background: #3978AB

The quick brown fox jumps over the lazy dog

Text: #3978AB → Background: #AB6C39

Color Difference (Delta E)

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

Gradient

#3978AB #5E7698 #767485 #877273 #957060 #A16E4D #AB6C39

Color Mixing

#3978AB

100%

#6B758F

75:25

#877273

50:50

#9B6F57

25:75

#AB6C39

100%

CSS Gradient Code

background: linear-gradient(to right, #3978AB, #AB6C39);
background: linear-gradient(135deg, #3978AB, #AB6C39);

Explore Each Color

#3978AB

View full color details

#AB6C39

View full color details

Related Comparisons