#6a492b

Color #6a492b

A moderately saturated dark orange.

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

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

Conversions

HEX

#6a492b

RGB

rgb(106, 73, 43)

HSL

hsl(28.6, 42.3%, 29.2%)

HSV / HSB

hsv(28.6, 59.4%, 41.6%)

CMYK

cmyk(0%, 31.1%, 59.4%, 58.4%)

LAB

lab(33.99, 10.4, 23.41)

LCH

lch(33.99, 25.62, 66.05)

OKLCH

oklch(43.5%, 0.0631, 62.22)

HWB

hwb(28.6, 16.9%, 58.4%)

Harmony colors

Complementary

#2b4c6a

Analogous

#6a2b2c

#6a492b

#6a682b

Triadic

#6a492b

#2b6a49

#492b6a

Split-complementary

#6a492b

#2b6a68

#2b2c6a

Tetradic

#6a492b

#4c6a2b

#2b4c6a

#492b6a

Square

#6a492b

#2c6a2b

#2b4c6a

#682b6a

Shades

Color #6a492b mixed toward black.

#583d24

#47311d

#352415

#23180e

#120c07

Tints

Color #6a492b mixed toward white.

#95663c

#ba8454

#cba37f

#dcc2a9

#eee0d4

Tones

Color #6a492b mixed toward gray.

#654930

#5f4935

#5a4a3b

#554a40

#504a45

Accessibility

Aa White text on this color

8.07:1

Aa Black text on this color

2.6:1

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

Under color vision deficiencies

Protanopia

#5d5d34 · ΔE 16.5

Deuteranopia

#5f6236 · ΔE 18.1

Tritanopia

#693a3b · ΔE 15.4

Achromatopsia

#505050 · ΔE 17.1

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

Code

CSS

background-color: #6a492b;

Tailwind (arbitrary value)

bg-[#6a492b]

Related colors

Peach Puff #ffdab9

Peru #cd853f

Sandy Brown #f4a460

Linen #faf0e6

Chocolate #d2691e

Saddle Brown #8b4513

Frequently asked questions

#6a492b (#6a492b) is rgb(106, 73, 43) in RGB.

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

Generate a palette → Check contrast