Purplish brown Color — HEX, RGB, HSL & CMYK Codes

#6b4247
Format Value
HEX #6b4247
RGB rgb(107, 66, 71)
HSL hsl(352.7, 23.7%, 33.9%)
CMYK cmyk(0%, 38.3%, 33.6%, 58%)
HSV hsv(352.7, 38.3%, 42%)

purplish brown color harmonies

Tints & shades of purplish brown

Tints (lighter)

#785358 #866468 #937679 #a1878a #ae989b #bca9ab #c9babc #d7cbcd #e4ddde #f2eeee

Shades (darker)

#613c41 #58363a #4e3034 #442a2d #3a2427 #311e20 #27181a #1d1213 #130c0d #0a0606

Contrast & accessibility

The quick brown fox

On white · 8.42:1 · AAA

The quick brown fox

On black · 2.5:1 · Fail

Recommended text color: #ffffff

Use purplish brown in code

CSS color: #6b4247;
SCSS $color: #6b4247;
Tailwind bg-[#6b4247]
Swift UIColor(red: 0.420, green: 0.259, blue: 0.278, alpha: 1)
Android Color.parseColor("#6b4247")
Flutter Color(0xFF6B4247)

Colors similar to purplish brown

Browse all Red colors →

What is the HEX code for purplish brown?

The CSS color purplish brown in HEX format is #6b4247. Use this value directly in CSS, SVG, and most design tools.

How do I use purplish brown in CSS?

To apply purplish brown in CSS:

  • Text color: color: #6b4247;
  • Background: background-color: #6b4247;
  • Border: border-color: #6b4247;

What are all the color format values for purplish brown?

FormatValue
HEX#6b4247
RGBrgb(107, 66, 71)
HSLhsl(352.7, 23.7%, 33.9%)
CMYKcmyk(0%, 38.3%, 33.6%, 58%)

How do I convert purplish brown to HEX?

Select purplish brown from the color name list in our color converter. The HEX value — #6b4247 — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does purplish brown belong to?

purplish brown belongs to the red color family. It is a medium, muted color with HSL values: hue 352.7°, saturation 23.7%, lightness 33.9%.

How do I create lighter and darker shades of purplish brown?

Lighter variant (lightness 48.9%): #9a5f66. Darker variant (lightness 18.9%): #3c2528. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.