#de8f88

Color #de8f88

A moderately saturated light red.

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

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

Conversions

HEX

#de8f88

RGB

rgb(222, 143, 136)

HSL

hsl(4.9, 56.6%, 70.2%)

HSV / HSB

hsv(4.9, 38.7%, 87.1%)

CMYK

cmyk(0%, 35.6%, 38.7%, 12.9%)

LAB

lab(67.24, 29.13, 16.22)

LCH

lch(67.24, 33.34, 29.11)

OKLCH

oklch(72.9%, 0.0974, 25.22)

HWB

hwb(4.9, 53.3%, 12.9%)

Harmony colors

Complementary

#88d7de

Analogous

#de88ac

#de8f88

#deba88

Triadic

#de8f88

#88de8f

#8f88de

Split-complementary

#de8f88

#88deba

#88acde

Tetradic

#de8f88

#d7de88

#88d7de

#8f88de

Square

#de8f88

#acde88

#88d7de

#ba88de

Shades

Color #de8f88 mixed toward black.

#d16359

#bb3f34

#8c2f27

#5d1f1a

#2f100d

Tints

Color #de8f88 mixed toward white.

#e4a29c

#e9b4b0

#efc7c3

#f4dad7

#faeceb

Tones

Color #de8f88 mixed toward gray.

#d7958f

#d09b96

#c9a19e

#c1a7a5

#baadac

Accessibility

Aa White text on this color

2.5:1

Aa Black text on this color

8.39:1

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

Under color vision deficiencies

Protanopia

#c1c08a · ΔE 32.3

Deuteranopia

#c5ca8a · ΔE 35.7

Tritanopia

#db8b8b · ΔE 2.7

Achromatopsia

#a4a4a4 · ΔE 22

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

Code

CSS

background-color: #de8f88;

Tailwind (arbitrary value)

bg-[#de8f88]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#de8f88 (#de8f88) is rgb(222, 143, 136) in RGB.

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

Generate a palette → Check contrast