#c47378

Color #c47378

A moderately saturated light red.

Closest named color Light Coral #f08080 · ΔE 16 Nearest Tailwind class rose-400 #ff637e · ΔE 10.6

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

Conversions

HEX

#c47378

RGB

rgb(196, 115, 120)

HSL

hsl(356.3, 40.7%, 61%)

HSV / HSB

hsv(356.3, 41.3%, 76.9%)

CMYK

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

LAB

lab(57.42, 32.41, 11.11)

LCH

lch(57.42, 34.26, 18.92)

OKLCH

oklch(64.5%, 0.1022, 16.36)

HWB

hwb(356.3, 45.1%, 23.1%)

Harmony colors

Complementary

#73c4bf

Analogous

#c473a1

#c47378

#c49773

Triadic

#c47378

#78c473

#7378c4

Split-complementary

#c47378

#73c497

#73a1c4

Tetradic

#c47378

#c4bf73

#73c4bf

#7378c4

Square

#c47378

#a1c473

#73c4bf

#9773c4

Shades

Color #c47378 mixed toward black.

#b54f55

#923d43

#6d2e32

#491f21

#240f11

Tints

Color #c47378 mixed toward white.

#ce8a8f

#d8a2a5

#e2b9bc

#ebd0d2

#f5e8e9

Tones

Color #c47378 mixed toward gray.

#bd7a7e

#b78184

#b0878a

#a98e90

#a29596

Accessibility

Aa White text on this color

3.46:1

Aa Black text on this color

6.07:1

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

Under color vision deficiencies

Protanopia

#a7a677 · ΔE 34.8

Deuteranopia

#abb177 · ΔE 39

Tritanopia

#c17676 · ΔE 1.9

Achromatopsia

#8a8a8a · ΔE 22.6

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

Code

CSS

background-color: #c47378;

Tailwind (arbitrary value)

bg-[#c47378]

Related colors

Light Pink #ffb6c1

Pink #ffc0cb

Crimson #dc143c

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#c47378 (#c47378) is rgb(196, 115, 120) in RGB.

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

Generate a palette → Check contrast