#558BAF

#558BAF

#AF7955

#AF7955

Contrast Ratio

1.0:1

Delta E

58.02

Very Different

50:50 Mix

#8F8282

Color Values

Format #558BAF #AF7955
HEX #558BAF #AF7955
RGB 85, 139, 175 175, 121, 85
HSL 204.0, 36.0%, 51.0% 24.0, 36.0%, 51.0%
HSV 204.0, 51.4%, 68.6% 24.0, 51.4%, 68.6%
CMYK 51.4%, 20.6%, 0.0%, 31.4% 0.0%, 30.9%, 51.4%, 31.4%
OKLCH 0.6137 0.0794 239.1 0.6229 0.0844 54.2

Contrast & Accessibility

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF7955 → Background: #558BAF

The quick brown fox jumps over the lazy dog

Text: #558BAF → Background: #AF7955

Color Difference (Delta E)

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

Gradient

#558BAF #6E88A0 #808591 #8F8282 #9B7F73 #A67C64 #AF7955

Color Mixing

#558BAF

100%

#778798

75:25

#8F8282

50:50

#A17E6C

25:75

#AF7955

100%

CSS Gradient Code

background: linear-gradient(to right, #558BAF, #AF7955);
background: linear-gradient(135deg, #558BAF, #AF7955);

Explore Each Color

#558BAF

View full color details

#AF7955

View full color details

Related Comparisons