#c48573

Color #c48573

A moderately saturated light red.

Closest named color Dark Salmon #e9967a · ΔE 13.26 Nearest Tailwind class red-400 #ff6467 · ΔE 13.9

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

Conversions

HEX

#c48573

RGB

rgb(196, 133, 115)

HSL

hsl(13.3, 40.7%, 61%)

HSV / HSB

hsv(13.3, 41.3%, 76.9%)

CMYK

cmyk(0%, 32.1%, 41.3%, 23.1%)

LAB

lab(61.44, 22.01, 19.53)

LCH

lch(61.44, 29.43, 41.58)

OKLCH

oklch(67.6%, 0.0826, 36.63)

HWB

hwb(13.3, 45.1%, 23.1%)

Harmony colors

Complementary

#73b2c4

Analogous

#c4738a

#c48573

#c4ad73

Triadic

#c48573

#73c485

#8573c4

Split-complementary

#c48573

#73c4ad

#738ac4

Tetradic

#c48573

#b2c473

#73b2c4

#8573c4

Square

#c48573

#8ac473

#73b2c4

#ad73c4

Shades

Color #c48573 mixed toward black.

#b5654f

#92503d

#6d3c2e

#49281f

#24140f

Tints

Color #c48573 mixed toward white.

#ce998a

#d8aea2

#e2c2b9

#ebd6d0

#f5ebe8

Tones

Color #c48573 mixed toward gray.

#bd897a

#b78d81

#b09087

#a9948e

#a29895

Accessibility

Aa White text on this color

3.02:1

Aa Black text on this color

6.95:1

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

Under color vision deficiencies

Protanopia

#acac78 · ΔE 27.3

Deuteranopia

#b0b479 · ΔE 29.5

Tritanopia

#c17b7c · ΔE 7.9

Achromatopsia

#949494 · ΔE 20.2

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

Code

CSS

background-color: #c48573;

Tailwind (arbitrary value)

bg-[#c48573]

Related colors

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Light Salmon #ffa07a

Tomato #ff6347

Sienna #a0522d

Frequently asked questions

#c48573 (#c48573) is rgb(196, 133, 115) in RGB.

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

Generate a palette → Check contrast