#2771AF

#2771AF

#AF6527

#AF6527

Contrast Ratio

1.16:1

Delta E

89.18

Very Different

50:50 Mix

#896B6D

Color Values

Format #2771AF #AF6527
HEX #2771AF #AF6527
RGB 39, 113, 175 175, 101, 39
HSL 207.4, 63.6%, 42.0% 27.4, 63.6%, 42.0%
HSV 207.4, 77.7%, 68.6% 27.4, 77.7%, 68.6%
CMYK 77.7%, 35.4%, 0.0%, 31.4% 0.0%, 42.3%, 77.7%, 31.4%
OKLCH 0.534 0.1209 248.0 0.5798 0.1208 56.6

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF6527 → Background: #2771AF

The quick brown fox jumps over the lazy dog

Text: #2771AF → Background: #AF6527

Color Difference (Delta E)

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

Gradient

#2771AF #5B6F99 #756D83 #896B6D #986957 #A46741 #AF6527

Color Mixing

#2771AF

100%

#696E8E

75:25

#896B6D

50:50

#9E684C

25:75

#AF6527

100%

CSS Gradient Code

background: linear-gradient(to right, #2771AF, #AF6527);
background: linear-gradient(135deg, #2771AF, #AF6527);

Explore Each Color

#2771AF

View full color details

#AF6527

View full color details

Related Comparisons