#5C7AAF

#5C7AAF

#AF915C

#AF915C

Contrast Ratio

1.45:1

Delta E

64.64

Very Different

50:50 Mix

#8F8587

Color Values

Format #5C7AAF #AF915C
HEX #5C7AAF #AF915C
RGB 92, 122, 175 175, 145, 92
HSL 218.3, 34.2%, 52.4% 38.3, 34.2%, 52.4%
HSV 218.3, 47.4%, 68.6% 38.3, 47.4%, 68.6%
CMYK 47.4%, 30.3%, 0.0%, 31.4% 0.0%, 17.1%, 47.4%, 31.4%
OKLCH 0.5789 0.0892 261.4 0.6721 0.0793 81.0

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF915C → Background: #5C7AAF

The quick brown fox jumps over the lazy dog

Text: #5C7AAF → Background: #AF915C

Color Difference (Delta E)

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

Gradient

#5C7AAF #717DA2 #818194 #8F8587 #9B8979 #A58D6B #AF915C

Color Mixing

#5C7AAF

100%

#797F9B

75:25

#8F8587

50:50

#A08B72

25:75

#AF915C

100%

CSS Gradient Code

background: linear-gradient(to right, #5C7AAF, #AF915C);
background: linear-gradient(135deg, #5C7AAF, #AF915C);

Explore Each Color

#5C7AAF

View full color details

#AF915C

View full color details

Related Comparisons