#2776AF

#2776AF

#AF6027

#AF6027

Contrast Ratio

1.05:1

Delta E

87.65

Very Different

50:50 Mix

Color Values

Format #2776AF #AF6027
HEX #2776AF #AF6027
RGB 39, 118, 175 175, 96, 39
HSL 205.1, 63.6%, 42.0% 25.1, 63.6%, 42.0%
HSV 205.1, 77.7%, 68.6% 25.1, 77.7%, 68.6%
CMYK 77.7%, 32.6%, 0.0%, 31.4% 0.0%, 45.1%, 77.7%, 31.4%
OKLCH 0.5459 0.1163 244.5 0.571 0.1236 52.8

Contrast & Accessibility

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF6027 → Background: #2776AF

The quick brown fox jumps over the lazy dog

Text: #2776AF → Background: #AF6027

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2776AF, #AF6027);
background: linear-gradient(135deg, #2776AF, #AF6027);

Explore Each Color

Related Comparisons