#2D4357

#2D4357

#57412D

#57412D

Contrast Ratio

1.07:1

Delta E

31.86

Very Different

50:50 Mix

#474242

Color Values

Format #2D4357 #57412D
HEX #2D4357 #57412D
RGB 45, 67, 87 87, 65, 45
HSL 208.6, 31.8%, 25.9% 28.6, 31.8%, 25.9%
HSV 208.6, 48.3%, 34.1% 28.6, 48.3%, 34.1%
CMYK 48.3%, 23.0%, 0.0%, 65.9% 0.0%, 25.3%, 48.3%, 65.9%
OKLCH 0.3735 0.0442 246.7 0.3939 0.0438 63.3

Contrast & Accessibility

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #57412D → Background: #2D4357

The quick brown fox jumps over the lazy dog

Text: #2D4357 → Background: #57412D

Color Difference (Delta E)

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

Gradient

#2D4357 #374350 #404249 #474242 #4D423B #524134 #57412D

Color Mixing

#2D4357

100%

#3C424D

75:25

#474242

50:50

#504138

25:75

#57412D

100%

CSS Gradient Code

background: linear-gradient(to right, #2D4357, #57412D);
background: linear-gradient(135deg, #2D4357, #57412D);

Explore Each Color

#2D4357

View full color details

#57412D

View full color details

Related Comparisons