#7a530c

Color #7a530c

A vivid, highly saturated dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 16.39 Nearest Tailwind class yellow-800 #894b00 · ΔE 7

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

Conversions

HEX

#7a530c

RGB

rgb(122, 83, 12)

HSL

hsl(38.7, 82.1%, 26.3%)

HSV / HSB

hsv(38.7, 90.2%, 47.8%)

CMYK

cmyk(0%, 32%, 90.2%, 52.2%)

LAB

lab(38.47, 10.26, 43.37)

LCH

lch(38.47, 44.57, 76.69)

OKLCH

oklch(47.3%, 0.0948, 75.64)

HWB

hwb(38.7, 4.7%, 52.2%)

Harmony colors

Complementary

#0c337a

Analogous

#7a1c0c

#7a530c

#6a7a0c

Triadic

#7a530c

#0c7a53

#530c7a

Split-complementary

#7a530c

#0c6a7a

#1c0c7a

Tetradic

#7a530c

#337a0c

#0c337a

#530c7a

Square

#7a530c

#0c7a1c

#0c337a

#7a0c6a

Shades

Color #7a530c mixed toward black.

#66450a

#513708

#3d2a06

#291c04

#140e02

Tints

Color #7a530c mixed toward white.

#b37a12

#e9a01b

#eeb754

#f4cf8d

#f9e7c6

Tones

Color #7a530c mixed toward gray.

#715015

#684e1e

#5f4b28

#554831

#4c463a

Accessibility

Aa White text on this color

6.84:1

Aa Black text on this color

3.07:1

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

Under color vision deficiencies

Protanopia

#6b6b2b · ΔE 15.5

Deuteranopia

#6d702f · ΔE 17.1

Tritanopia

#78383a · ΔE 25.5

Achromatopsia

#5b5b5b · ΔE 22.4

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

Code

CSS

background-color: #7a530c;

Tailwind (arbitrary value)

bg-[#7a530c]

Related colors

Orange #ffa500

Old Lace #fdf5e6

Wheat #f5deb3

Moccasin #ffe4b5

Floral White #fffaf0

Papaya Whip #ffefd5

Frequently asked questions

#7a530c (#7a530c) is rgb(122, 83, 12) in RGB.

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

Generate a palette → Check contrast