#6f4f30

Color #6f4f30

A muted dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 24.35 Nearest Tailwind class yellow-900 #733e0a · ΔE 8.1

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#6f4f30

RGB

rgb(111, 79, 48)

HSL

hsl(29.5, 39.6%, 31.2%)

HSV / HSB

hsv(29.5, 56.8%, 43.5%)

CMYK

cmyk(0%, 28.8%, 56.8%, 56.5%)

LAB

lab(36.34, 9.54, 23.49)

LCH

lch(36.34, 25.35, 67.9)

OKLCH

oklch(45.5%, 0.0625, 64.21)

HWB

hwb(29.5, 18.8%, 56.5%)

Harmony colors

Complementary

#30506f

Analogous

#6f3031

#6f4f30

#6f6f30

Triadic

#6f4f30

#306f4f

#4f306f

Split-complementary

#6f4f30

#306f6f

#30316f

Tetradic

#6f4f30

#506f30

#30506f

#4f306f

Square

#6f4f30

#316f30

#30506f

#6f306f

Shades

Color #6f4f30 mixed toward black.

#5d4228

#4a3520

#382818

#251a10

#130d08

Tints

Color #6f4f30 mixed toward white.

#986c42

#b8895c

#caa785

#dcc4ad

#ede2d6

Tones

Color #6f4f30 mixed toward gray.

#6a4f35

#654f3b

#5f4f40

#5a4f45

#554f4a

Accessibility

Aa White text on this color

7.4:1

Aa Black text on this color

2.84:1

White text reads better on this background (7.4:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#636239 · ΔE 15.4

Deuteranopia

#64673b · ΔE 17.4

Tritanopia

#6e4041 · ΔE 16

Achromatopsia

#555555 · ΔE 16.9

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #6f4f30;

Tailwind (arbitrary value)

bg-[#6f4f30]

Related colors

Peru #cd853f

Linen #faf0e6

Peach Puff #ffdab9

Sandy Brown #f4a460

Bisque #ffe4c4

Dark Orange #ff8c00

Frequently asked questions

#6f4f30 (#6f4f30) is rgb(111, 79, 48) in RGB.

No, #6f4f30 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #6f4f30, or check how it holds up for accessibility.

Generate a palette → Check contrast