#d89990

Color #d89990

A moderately saturated light red.

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

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

Conversions

HEX

#d89990

RGB

rgb(216, 153, 144)

HSL

hsl(7.5, 48%, 70.6%)

HSV / HSB

hsv(7.5, 33.3%, 84.7%)

CMYK

cmyk(0%, 29.2%, 33.3%, 15.3%)

LAB

lab(69.04, 22.42, 14.16)

LCH

lch(69.04, 26.52, 32.28)

OKLCH

oklch(74.2%, 0.0774, 28.12)

HWB

hwb(7.5, 56.5%, 15.3%)

Harmony colors

Complementary

#90cfd8

Analogous

#d890ab

#d89990

#d8bd90

Triadic

#d89990

#90d899

#9990d8

Split-complementary

#d89990

#90d8bd

#90abd8

Tetradic

#d89990

#cfd890

#90cfd8

#9990d8

Square

#d89990

#abd890

#90cfd8

#bd90d8

Shades

Color #d89990 mixed toward black.

#c87064

#b24d3e

#853a2f

#59261f

#2c1310

Tints

Color #d89990 mixed toward white.

#dfaaa3

#e5bbb5

#ecccc8

#f2ddda

#f9eeed

Tones

Color #d89990 mixed toward gray.

#d29e96

#cca29c

#c6a7a2

#c0aba8

#bab0ae

Accessibility

Aa White text on this color

2.37:1

Aa Black text on this color

8.88:1

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

Under color vision deficiencies

Protanopia

#c0bf92 · ΔE 28.4

Deuteranopia

#c3c893 · ΔE 31.2

Tritanopia

#d59494 · ΔE 3.7

Achromatopsia

#a8a8a8 · ΔE 19.7

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

Code

CSS

background-color: #d89990;

Tailwind (arbitrary value)

bg-[#d89990]

Related colors

Salmon #fa8072

Misty Rose #ffe4e1

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#d89990 (#d89990) is rgb(216, 153, 144) in RGB.

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

Generate a palette → Check contrast