#277EAF

#277EAF

#AF5827

#AF5827

Contrast Ratio

1.1:1

Delta E

86.34

Very Different

50:50 Mix

#8A6C6C

Color Values

Format #277EAF #AF5827
HEX #277EAF #AF5827
RGB 39, 126, 175 175, 88, 39
HSL 201.6, 63.6%, 42.0% 21.6, 63.6%, 42.0%
HSV 201.6, 77.7%, 68.6% 21.6, 77.7%, 68.6%
CMYK 77.7%, 28.0%, 0.0%, 31.4% 0.0%, 49.7%, 77.7%, 31.4%
OKLCH 0.5652 0.1101 238.4 0.5576 0.1291 47.1

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5827 → Background: #277EAF

The quick brown fox jumps over the lazy dog

Text: #277EAF → Background: #AF5827

Color Difference (Delta E)

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

Gradient

#277EAF #5C7898 #777282 #8A6C6C #996656 #A55F3F #AF5827

Color Mixing

#277EAF

100%

#6B758D

75:25

#8A6C6C

50:50

#9F634A

25:75

#AF5827

100%

CSS Gradient Code

background: linear-gradient(to right, #277EAF, #AF5827);
background: linear-gradient(135deg, #277EAF, #AF5827);

Explore Each Color

#277EAF

View full color details

#AF5827

View full color details

Related Comparisons