#603322

Color #603322

A moderately saturated dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 25.28 Nearest Tailwind class amber-950 #461901 · ΔE 8

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

Conversions

HEX

#603322

RGB

rgb(96, 51, 34)

HSL

hsl(16.5, 47.7%, 25.5%)

HSV / HSB

hsv(16.5, 64.6%, 37.6%)

CMYK

cmyk(0%, 46.9%, 64.6%, 62.4%)

LAB

lab(26.65, 18.48, 19.56)

LCH

lch(26.65, 26.91, 46.63)

OKLCH

oklch(37.5%, 0.0707, 41.16)

HWB

hwb(16.5, 13.3%, 62.4%)

Harmony colors

Complementary

#224f60

Analogous

#602230

#603322

#605222

Triadic

#603322

#226033

#332260

Split-complementary

#603322

#226052

#223060

Tetradic

#603322

#4f6022

#224f60

#332260

Square

#603322

#306022

#224f60

#522260

Shades

Color #603322 mixed toward black.

#502b1c

#402217

#301a11

#20110b

#100906

Tints

Color #603322 mixed toward white.

#8f4c33

#bd6544

#cd8c73

#deb2a1

#eed9d0

Tones

Color #603322 mixed toward gray.

#5b3527

#56382c

#513a32

#4b3c37

#463f3c

Accessibility

Aa White text on this color

10.53:1

Aa Black text on this color

1.99:1

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

Under color vision deficiencies

Protanopia

#505027 · ΔE 23.7

Deuteranopia

#535528 · ΔE 25.1

Tritanopia

#5e2a2b · ΔE 8.2

Achromatopsia

#3f3f3f · ΔE 19

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

Code

CSS

background-color: #603322;

Tailwind (arbitrary value)

bg-[#603322]

Related colors

Orange Red #ff4500

Coral #ff7f50

Light Salmon #ffa07a

Dark Salmon #e9967a

Sienna #a0522d

Tomato #ff6347

Frequently asked questions

#603322 (#603322) is rgb(96, 51, 34) in RGB.

No, #603322 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast