#2C545F

#2C545F

#5F372C

#5F372C

Contrast Ratio

1.23:1

Delta E

37.51

Very Different

50:50 Mix

#4E4645

Color Values

Format #2C545F #5F372C
HEX #2C545F #5F372C
RGB 44, 84, 95 95, 55, 44
HSL 192.9, 36.7%, 27.3% 12.9, 36.7%, 27.3%
HSV 192.9, 53.7%, 37.3% 12.9, 53.7%, 37.3%
CMYK 53.7%, 11.6%, 0.0%, 62.7% 0.0%, 42.1%, 53.7%, 62.7%
OKLCH 0.4213 0.0486 217.7 0.383 0.0606 36.2

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5F372C → Background: #2C545F

The quick brown fox jumps over the lazy dog

Text: #2C545F → Background: #5F372C

Color Difference (Delta E)

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

Gradient

#2C545F #3B5056 #454B4E #4E4645 #55413D #5A3C34 #5F372C

Color Mixing

#2C545F

100%

#414D52

75:25

#4E4645

50:50

#573F38

25:75

#5F372C

100%

CSS Gradient Code

background: linear-gradient(to right, #2C545F, #5F372C);
background: linear-gradient(135deg, #2C545F, #5F372C);

Explore Each Color

#2C545F

View full color details

#5F372C

View full color details

Related Comparisons