#2C5777

#2C5777

#774C2C

#774C2C

Contrast Ratio

1.04:1

Delta E

52.51

Very Different

50:50 Mix

#5E5252

Color Values

Format #2C5777 #774C2C
HEX #2C5777 #774C2C
RGB 44, 87, 119 119, 76, 44
HSL 205.6, 46.0%, 32.0% 25.6, 46.0%, 32.0%
HSV 205.6, 63.0%, 46.7% 25.6, 63.0%, 46.7%
CMYK 63.0%, 26.9%, 0.0%, 53.3% 0.0%, 36.1%, 63.0%, 53.3%
OKLCH 0.4407 0.0714 242.9 0.4581 0.0744 56.2

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #774C2C → Background: #2C5777

The quick brown fox jumps over the lazy dog

Text: #2C5777 → Background: #774C2C

Color Difference (Delta E)

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

Gradient

#2C5777 #43556B #52535E #5E5252 #685045 #704E39 #774C2C

Color Mixing

#2C5777

100%

#4B5464

75:25

#5E5252

50:50

#6C4F3F

25:75

#774C2C

100%

CSS Gradient Code

background: linear-gradient(to right, #2C5777, #774C2C);
background: linear-gradient(135deg, #2C5777, #774C2C);

Explore Each Color

#2C5777

View full color details

#774C2C

View full color details

Related Comparisons