#dca393

Color #dca393

A moderately saturated light red.

Closest named color Rosy Brown #bc8f8f · ΔE 13.12 Nearest Tailwind class red-300 #ffa2a2 · ΔE 9.4

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

Conversions

HEX

#dca393

RGB

rgb(220, 163, 147)

HSL

hsl(13.2, 51%, 72%)

HSV / HSB

hsv(13.2, 33.2%, 86.3%)

CMYK

cmyk(0%, 25.9%, 33.2%, 13.7%)

LAB

lab(71.91, 18.94, 16.58)

LCH

lch(71.91, 25.17, 41.2)

OKLCH

oklch(76.5%, 0.0719, 36.23)

HWB

hwb(13.2, 57.6%, 13.7%)

Harmony colors

Complementary

#93ccdc

Analogous

#dc93a8

#dca393

#dcc893

Triadic

#dca393

#93dca3

#a393dc

Split-complementary

#dca393

#93dcc8

#93a8dc

Tetradic

#dca393

#ccdc93

#93ccdc

#a393dc

Square

#dca393

#a8dc93

#93ccdc

#c893dc

Shades

Color #dca393 mixed toward black.

#cd7c65

#b9573c

#8b422d

#5c2c1e

#2e160f

Tints

Color #dca393 mixed toward white.

#e2b3a5

#e8c2b7

#eed1c9

#f3e0db

#f9f0ed

Tones

Color #dca393 mixed toward gray.

#d6a799

#d0aa9f

#caada5

#c4b1ab

#beb4b2

Accessibility

Aa White text on this color

2.16:1

Aa Black text on this color

9.7:1

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

Under color vision deficiencies

Protanopia

#c6c597 · ΔE 25.5

Deuteranopia

#c9cd98 · ΔE 27.8

Tritanopia

#da9a9b · ΔE 7.2

Achromatopsia

#b0b0b0 · ΔE 18.7

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

Code

CSS

background-color: #dca393;

Tailwind (arbitrary value)

bg-[#dca393]

Related colors

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Light Salmon #ffa07a

Tomato #ff6347

Sienna #a0522d

Frequently asked questions

#dca393 (#dca393) is rgb(220, 163, 147) in RGB.

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

Generate a palette → Check contrast