#1F577C

#1F577C

#7C441F

#7C441F

Contrast Ratio

1.0:1

Delta E

63.66

Very Different

50:50 Mix

#614E4E

Color Values

Format #1F577C #7C441F
HEX #1F577C #7C441F
RGB 31, 87, 124 124, 68, 31
HSL 203.9, 60.0%, 30.4% 23.9, 60.0%, 30.4%
HSV 203.9, 75.0%, 48.6% 23.9, 75.0%, 48.6%
CMYK 75.0%, 29.8%, 0.0%, 51.4% 0.0%, 45.2%, 75.0%, 51.4%
OKLCH 0.4382 0.084 241.5 0.4478 0.092 51.6

Contrast & Accessibility

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7C441F → Background: #1F577C

The quick brown fox jumps over the lazy dog

Text: #1F577C → Background: #7C441F

Color Difference (Delta E)

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

Gradient

#1F577C #41546D #53515D #614E4E #6C4B3F #75472F #7C441F

Color Mixing

#1F577C

100%

#4B5365

75:25

#614E4E

50:50

#704937

25:75

#7C441F

100%

CSS Gradient Code

background: linear-gradient(to right, #1F577C, #7C441F);
background: linear-gradient(135deg, #1F577C, #7C441F);

Explore Each Color

#1F577C

View full color details

#7C441F

View full color details

Related Comparisons