#2F565C

#2F565C

#5C352F

#5C352F

Contrast Ratio

1.3:1

Delta E

35.22

Very Different

50:50 Mix

Color Values

Format #2F565C #5C352F
HEX #2F565C #5C352F
RGB 47, 86, 92 92, 53, 47
HSL 188.0, 32.4%, 27.3% 8.0, 32.4%, 27.3%
HSV 188.0, 48.9%, 36.1% 8.0, 48.9%, 36.1%
CMYK 48.9%, 6.5%, 0.0%, 63.9% 0.0%, 42.4%, 48.9%, 63.9%
OKLCH 0.4269 0.0453 208.3 0.3754 0.0576 29.4

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5C352F β†’ Background: #2F565C

The quick brown fox jumps over the lazy dog

Text: #2F565C β†’ Background: #5C352F

Color Difference (Delta E)

35.22 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

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

Explore Each Color

Related Comparisons