#755d22

Color #755d22

A moderately saturated dark orange.

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

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

Conversions

HEX

#755d22

RGB

rgb(117, 93, 34)

HSL

hsl(42.7, 55%, 29.6%)

HSV / HSB

hsv(42.7, 70.9%, 45.9%)

CMYK

cmyk(0%, 20.5%, 70.9%, 54.1%)

LAB

lab(40.78, 2.85, 36.38)

LCH

lch(40.78, 36.49, 85.52)

OKLCH

oklch(49.1%, 0.0824, 86.52)

HWB

hwb(42.7, 13.3%, 54.1%)

Harmony colors

Complementary

#223a75

Analogous

#753422

#755d22

#637522

Triadic

#755d22

#22755d

#5d2275

Split-complementary

#755d22

#226375

#342275

Tetradic

#755d22

#3a7522

#223a75

#5d2275

Square

#755d22

#227534

#223a75

#752263

Shades

Color #755d22 mixed toward black.

#614e1c

#4e3e17

#3a2f11

#271f0b

#131006

Tints

Color #755d22 mixed toward white.

#a3822f

#c9a345

#d7ba74

#e4d1a2

#f2e8d1

Tones

Color #755d22 mixed toward gray.

#6e5a29

#675730

#605437

#59513e

#524e45

Accessibility

Aa White text on this color

6.28:1

Aa Black text on this color

3.35:1

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

Under color vision deficiencies

Protanopia

#6b6b37 · ΔE 9.8

Deuteranopia

#6d6e3b · ΔE 10.6

Tritanopia

#744346 · ΔE 26.6

Achromatopsia

#606060 · ΔE 20.1

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

Code

CSS

background-color: #755d22;

Tailwind (arbitrary value)

bg-[#755d22]

Related colors

Dark Goldenrod #b8860b

Goldenrod #daa520

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#755d22 (#755d22) is rgb(117, 93, 34) in RGB.

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

Generate a palette → Check contrast