#6f3714

Color #6f3714

A moderately saturated dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 12.7 Nearest Tailwind class amber-900 #7b3306 · ΔE 3.7

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

Conversions

HEX

#6f3714

RGB

rgb(111, 55, 20)

HSL

hsl(23.1, 69.5%, 25.7%)

HSV / HSB

hsv(23.1, 82%, 43.5%)

CMYK

cmyk(0%, 50.5%, 82%, 56.5%)

LAB

lab(29.82, 22.06, 31.84)

LCH

lch(29.82, 38.74, 55.28)

OKLCH

oklch(40.3%, 0.0919, 49.24)

HWB

hwb(23.1, 7.8%, 56.5%)

Harmony colors

Complementary

#144c6f

Analogous

#6f141e

#6f3714

#6f6514

Triadic

#6f3714

#146f37

#37146f

Split-complementary

#6f3714

#146f65

#141e6f

Tetradic

#6f3714

#4c6f14

#144c6f

#37146f

Square

#6f3714

#1e6f14

#144c6f

#65146f

Shades

Color #6f3714 mixed toward black.

#5d2e11

#4a250d

#381c0a

#251207

#130903

Tints

Color #6f3714 mixed toward white.

#a5521e

#d86c29

#e2915e

#ecb694

#f5dac9

Tones

Color #6f3714 mixed toward gray.

#67391c

#603b23

#583c2b

#513e32

#49403a

Accessibility

Aa White text on this color

9.41:1

Aa Black text on this color

2.23:1

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

Under color vision deficiencies

Protanopia

#5c5b20 · ΔE 24

Deuteranopia

#5f6222 · ΔE 26.3

Tritanopia

#6d2729 · ΔE 13.8

Achromatopsia

#464646 · ΔE 21.9

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

Code

CSS

background-color: #6f3714;

Tailwind (arbitrary value)

bg-[#6f3714]

Related colors

Seashell #fff5ee

Chocolate #d2691e

Saddle Brown #8b4513

Sienna #a0522d

Sandy Brown #f4a460

Peach Puff #ffdab9

Frequently asked questions

#6f3714 (#6f3714) is rgb(111, 55, 20) in RGB.

No, #6f3714 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 #6f3714, or check how it holds up for accessibility.

Generate a palette → Check contrast