#2F4656

#2F4656

#563F2F

#563F2F

Contrast Ratio

1.01:1

Delta E

28.55

Very Different

50:50 Mix

#474343

Color Values

Format #2F4656 #563F2F
HEX #2F4656 #563F2F
RGB 47, 70, 86 86, 63, 47
HSL 204.6, 29.3%, 26.1% 24.6, 29.3%, 26.1%
HSV 204.6, 45.3%, 33.7% 24.6, 45.3%, 33.7%
CMYK 45.3%, 18.6%, 0.0%, 66.3% 0.0%, 26.7%, 45.3%, 66.3%
OKLCH 0.3821 0.0396 239.5 0.3886 0.0412 56.0

Contrast & Accessibility

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #563F2F → Background: #2F4656

The quick brown fox jumps over the lazy dog

Text: #2F4656 → Background: #563F2F

Color Difference (Delta E)

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

Gradient

#2F4656 #39454F #404449 #474343 #4C413C #514036 #563F2F

Color Mixing

#2F4656

100%

#3D444C

75:25

#474343

50:50

#4F4139

25:75

#563F2F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F4656, #563F2F);
background: linear-gradient(135deg, #2F4656, #563F2F);

Explore Each Color

#2F4656

View full color details

#563F2F

View full color details

Related Comparisons