#d2a197

Color #d2a197

A muted light red.

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

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

Conversions

HEX

#d2a197

RGB

rgb(210, 161, 151)

HSL

hsl(10.2, 39.6%, 70.8%)

HSV / HSB

hsv(10.2, 28.1%, 82.4%)

CMYK

cmyk(0%, 23.3%, 28.1%, 17.6%)

LAB

lab(70.47, 16.7, 12.22)

LCH

lch(70.47, 20.69, 36.19)

OKLCH

oklch(75.2%, 0.0604, 31.66)

HWB

hwb(10.2, 59.2%, 17.6%)

Harmony colors

Complementary

#97c8d2

Analogous

#d297ab

#d2a197

#d2bf97

Triadic

#d2a197

#97d2a1

#a197d2

Split-complementary

#d2a197

#97d2bf

#97abd2

Tetradic

#d2a197

#c8d297

#97c8d2

#a197d2

Square

#d2a197

#abd297

#97c8d2

#bf97d2

Shades

Color #d2a197 mixed toward black.

#c07b6d

#a85949

#7e4337

#542c24

#2a1612

Tints

Color #d2a197 mixed toward white.

#dab1a8

#e1c0ba

#e9d0cb

#f0e0dc

#f8efee

Tones

Color #d2a197 mixed toward gray.

#cda49c

#c8a8a1

#c3aba6

#beaeab

#b9b1b0

Accessibility

Aa White text on this color

2.26:1

Aa Black text on this color

9.29:1

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

Under color vision deficiencies

Protanopia

#bfbe99 · ΔE 25

Deuteranopia

#c2c59a · ΔE 27.2

Tritanopia

#d09b9c · ΔE 4.8

Achromatopsia

#acacac · ΔE 17

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

Code

CSS

background-color: #d2a197;

Tailwind (arbitrary value)

bg-[#d2a197]

Related colors

Tomato #ff6347

Salmon #fa8072

Misty Rose #ffe4e1

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Frequently asked questions

#d2a197 (#d2a197) is rgb(210, 161, 151) in RGB.

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

Generate a palette → Check contrast