#d99186

Color #d99186

A moderately saturated light red.

Closest named color Dark Salmon #e9967a · ΔE 11.3 Nearest Tailwind class red-300 #ffa2a2 · ΔE 8.4

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

Conversions

HEX

#d99186

RGB

rgb(217, 145, 134)

HSL

hsl(8, 52.2%, 68.8%)

HSV / HSB

hsv(8, 38.2%, 85.1%)

CMYK

cmyk(0%, 33.2%, 38.2%, 14.9%)

LAB

lab(67.07, 25.9, 17)

LCH

lch(67.07, 30.98, 33.28)

OKLCH

oklch(72.6%, 0.0896, 28.97)

HWB

hwb(8, 52.5%, 14.9%)

Harmony colors

Complementary

#86ced9

Analogous

#d986a4

#d99186

#d9bb86

Triadic

#d99186

#86d991

#9186d9

Split-complementary

#d99186

#86d9bb

#86a4d9

Tetradic

#d99186

#ced986

#86ced9

#9186d9

Square

#d99186

#a4d986

#86ced9

#bb86d9

Shades

Color #d99186 mixed toward black.

#cb6959

#b24838

#86362a

#59241c

#2d120e

Tints

Color #d99186 mixed toward white.

#dfa39a

#e6b6ae

#ecc8c2

#f2dad7

#f9edeb

Tones

Color #d99186 mixed toward gray.

#d2968d

#cb9b94

#c4a09b

#bda5a2

#b6aaa9

Accessibility

Aa White text on this color

2.52:1

Aa Black text on this color

8.34:1

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

Under color vision deficiencies

Protanopia

#bebe89 · ΔE 30.5

Deuteranopia

#c2c789 · ΔE 33.3

Tritanopia

#d68b8b · ΔE 4.3

Achromatopsia

#a3a3a3 · ΔE 21.1

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

Code

CSS

background-color: #d99186;

Tailwind (arbitrary value)

bg-[#d99186]

Related colors

Tomato #ff6347

Salmon #fa8072

Misty Rose #ffe4e1

Dark Salmon #e9967a

Red #ff0000

Maroon #800000

Frequently asked questions

#d99186 (#d99186) is rgb(217, 145, 134) in RGB.

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

Generate a palette → Check contrast