#745c26

Color #745c26

A moderately saturated dark orange.

Closest named color Dark Olive Green #556b2f · ΔE 22.39 Nearest Tailwind class yellow-800 #894b00 · ΔE 12.1

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

Conversions

HEX

#745c26

RGB

rgb(116, 92, 38)

HSL

hsl(41.5, 50.6%, 30.2%)

HSV / HSB

hsv(41.5, 67.2%, 45.5%)

CMYK

cmyk(0%, 20.7%, 67.2%, 54.5%)

LAB

lab(40.42, 3.23, 33.96)

LCH

lch(40.42, 34.11, 84.57)

OKLCH

oklch(48.8%, 0.0781, 85)

HWB

hwb(41.5, 14.9%, 54.5%)

Harmony colors

Complementary

#263e74

Analogous

#743526

#745c26

#657426

Triadic

#745c26

#26745c

#5c2674

Split-complementary

#745c26

#266574

#352674

Tetradic

#745c26

#3e7426

#263e74

#5c2674

Square

#745c26

#267435

#263e74

#742665

Shades

Color #745c26 mixed toward black.

#614d20

#4d3d19

#3a2e13

#271f0d

#130f06

Tints

Color #745c26 mixed toward white.

#a17f35

#c49f4c

#d3b779

#e2cfa6

#f0e7d2

Tones

Color #745c26 mixed toward gray.

#6d592d

#675733

#60543a

#5a5240

#544f47

Accessibility

Aa White text on this color

6.36:1

Aa Black text on this color

3.3:1

White text reads better on this background (6.36:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#6a6a39 · ΔE 10

Deuteranopia

#6c6d3c · ΔE 10.7

Tritanopia

#734446 · ΔE 24.9

Achromatopsia

#5f5f5f · ΔE 19.3

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

Code

CSS

background-color: #745c26;

Tailwind (arbitrary value)

bg-[#745c26]

Related colors

Dark Goldenrod #b8860b

Goldenrod #daa520

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#745c26 (#745c26) is rgb(116, 92, 38) in RGB.

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

Generate a palette → Check contrast