#c17e2a

Color #c17e2a

A moderately saturated medium orange.

Closest named color Peru #cd853f · ΔE 6.85 Nearest Tailwind class yellow-600 #d08700 · ΔE 5.5

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

Conversions

HEX

#c17e2a

RGB

rgb(193, 126, 42)

HSL

hsl(33.4, 64.3%, 46.1%)

HSV / HSB

hsv(33.4, 78.2%, 75.7%)

CMYK

cmyk(0%, 34.7%, 78.2%, 24.3%)

LAB

lab(58.44, 19.08, 53.45)

LCH

lch(58.44, 56.75, 70.36)

OKLCH

oklch(64.9%, 0.1262, 67.5)

HWB

hwb(33.4, 16.5%, 24.3%)

Harmony colors

Complementary

#2a6dc1

Analogous

#c1332a

#c17e2a

#b9c12a

Triadic

#c17e2a

#2ac17e

#7e2ac1

Split-complementary

#c17e2a

#2ab9c1

#332ac1

Tetradic

#c17e2a

#6dc12a

#2a6dc1

#7e2ac1

Square

#c17e2a

#2ac133

#2a6dc1

#c12ab9

Shades

Color #c17e2a mixed toward black.

#a16923

#81541c

#613f15

#402a0e

#201507

Tints

Color #c17e2a mixed toward white.

#d69543

#deaa68

#e6bf8e

#efd5b4

#f7ead9

Tones

Color #c17e2a mixed toward gray.

#b57d37

#a87b43

#9b7a50

#8f785c

#827769

Accessibility

Aa White text on this color

3.34:1

Aa Black text on this color

6.29:1

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

Under color vision deficiencies

Protanopia

#a8a84a · ΔE 22.7

Deuteranopia

#acb04f · ΔE 24.6

Tritanopia

#be5b5e · ΔE 27.7

Achromatopsia

#8c8c8c · ΔE 25

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

Code

CSS

background-color: #c17e2a;

Tailwind (arbitrary value)

bg-[#c17e2a]

Related colors

Burlywood #deb887

Dark Orange #ff8c00

Antique White #faebd7

Bisque #ffe4c4

Tan #d2b48c

Navajo White #ffdead

Frequently asked questions

#c17e2a (#c17e2a) is rgb(193, 126, 42) in RGB.

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

Generate a palette → Check contrast