#5C97AF

#5C97AF

#AF745C

#AF745C

Contrast Ratio

1.19:1

Delta E

53.08

Very Different

50:50 Mix

#918685

Color Values

Format #5C97AF #AF745C
HEX #5C97AF #AF745C
RGB 92, 151, 175 175, 116, 92
HSL 197.3, 34.2%, 52.4% 17.3, 34.2%, 52.4%
HSV 197.3, 47.4%, 68.6% 17.3, 47.4%, 68.6%
CMYK 47.4%, 13.7%, 0.0%, 31.4% 0.0%, 33.7%, 47.4%, 31.4%
OKLCH 0.6452 0.0712 226.0 0.6148 0.0828 42.9

Contrast & Accessibility

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF745C → Background: #5C97AF

The quick brown fox jumps over the lazy dog

Text: #5C97AF → Background: #AF745C

Color Difference (Delta E)

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

Gradient

#5C97AF #7392A1 #848C93 #918685 #9D8077 #A67A6A #AF745C

Color Mixing

#5C97AF

100%

#7C8F9A

75:25

#918685

50:50

#A27D70

25:75

#AF745C

100%

CSS Gradient Code

background: linear-gradient(to right, #5C97AF, #AF745C);
background: linear-gradient(135deg, #5C97AF, #AF745C);

Explore Each Color

#5C97AF

View full color details

#AF745C

View full color details

Related Comparisons