Start generating
574E4E

#574E4E closest to Off the Beaten Path

#574E4E is a dark gray; the closest named color is Off the Beaten Path. In the RGB color model it is made of 34.1% red, 30.6% green and 30.6% blue (rgb(87, 78, 78)). Its HSL value is 0° hue, 5% saturation and 32% lightness, and in CMYK it is 0% cyan, 10% magenta, 10% yellow and 66% black. #574E4E is a neutral color. White text reads best on it, with a contrast ratio of 8.06:1.

Make a palette with #574E4E

#574E4E color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #574E4E

Shades

Mixed with black: richer and darker.

574E4E4B43433E3838332D2D2723231C1919120F0F080707030202000000

Tints

Mixed with white: lighter and softer.

574E4E665E5E766E6E867F7F969090A7A2A2B8B4B4C9C6C6DBD9D9EDECEC

Tones

Mixed with gray: calmer and more muted.

574E4E5B53535F5858635D5D6762616B66666F6C6B7371717876767C7B7B

Hues

The same lightness and chroma, rotated around the color wheel.

544E54554E53564E52564E50574E4F574E4E574E4D574E4C564F4B564F4A554F4A

Temperatures

Cooler on the left, warmer on the right.

51597253576B54556455535D565055574E4E5E514E64534E6B564D72594D795C4C

#574E4E color harmonies

Complementary

The opposite hue — maximum contrast and energy.

574E4E4E5757
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

574E4E4E57524E5257
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

574E4E574E5257524E
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

574E4E4E574E4E4E57
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

574E4E57574E4E57574E4E57
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

574E4E52574E4E5757524E57
Open in generator →

#574E4E for color-blind viewers (and dogs)

How #574E4E appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 97% similarHow dogs see it · simulated as #51514E
  • Protanopia 97% similar1.3% of men, 0.02% of women · simulated as #4F4F4E
  • Protanomaly 98% similar1.3% of men, 0.02% of women · simulated as #524F4E
  • Deuteranopia 97% similar1.2% of men, 0.01% of women · simulated as #51514E
  • Deuteranomaly 98% similar5% of men, 0.35% of women · simulated as #53504E
  • Tritanopia 99% similar0.001% of men, 0.03% of women · simulated as #594D4E
  • Tritanomaly 100% similar0.0001% of men, 0.0001% of women · simulated as #584E4E
  • Achromatopsia 98% similar0.003% of men, 0.003% of women · simulated as #505050
  • Achromatomaly 98% similar0.001% of men, 0.001% of women · simulated as #525050

#574E4E contrast checker

AaThe quick brown fox jumps over the lazy dog.
8.06:1 Very good#574E4E text on white
AA normalPassAAA normalPass
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
2.61:1 Very poor#574E4E text on black
AA normalFailAAA normalFail
AA largeFailAAA largeFail

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #574E4E

Palettes with #574E4E

#574E4E in CSS

/* Off the Beaten Path */
.color { color: #574E4E; }
.background { background-color: #574E4E; }
.border { border: 1px solid #574E4E; }

/* Other notations */
color: rgb(87 78 78);
color: hsl(0 5% 32%);
color: oklch(0.433 0.012 17.6);

#574E4E FAQ

What color is #574E4E?

#574E4E is a dark gray. Its closest named color is Off the Beaten Path. It belongs to the gray color family and is a neutral color.

What is the RGB value of #574E4E?

#574E4E is rgb(87, 78, 78) in RGB, hsl(0, 5%, 32%) in HSL and cmyk(0%, 10%, 10%, 66%) in CMYK.

What is the complementary color of #574E4E?

The complementary color of #574E4E is #4E5757, which sits opposite it on the color wheel.

Which text color works on #574E4E?

White text has the best contrast on #574E4E: 8.06:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #574E4E a warm or cool color?

#574E4E is a neutral color.