#559BAF

#559BAF

#AF6955

#AF6955

Contrast Ratio

1.35:1

Delta E

59.1

Very Different

50:50 Mix

#918381

Color Values

Format #559BAF #AF6955
HEX #559BAF #AF6955
RGB 85, 155, 175 175, 105, 85
HSL 193.3, 36.0%, 51.0% 13.3, 36.0%, 51.0%
HSV 193.3, 51.4%, 68.6% 13.3, 51.4%, 68.6%
CMYK 51.4%, 11.4%, 0.0%, 31.4% 0.0%, 40.0%, 51.4%, 31.4%
OKLCH 0.6513 0.0764 218.5 0.5933 0.0953 36.7

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF6955 → Background: #559BAF

The quick brown fox jumps over the lazy dog

Text: #559BAF → Background: #AF6955

Color Difference (Delta E)

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

Gradient

#559BAF #6F93A0 #828B90 #918381 #9D7B72 #A77264 #AF6955

Color Mixing

#559BAF

100%

#798F98

75:25

#918381

50:50

#A2776B

25:75

#AF6955

100%

CSS Gradient Code

background: linear-gradient(to right, #559BAF, #AF6955);
background: linear-gradient(135deg, #559BAF, #AF6955);

Explore Each Color

#559BAF

View full color details

#AF6955

View full color details

Related Comparisons