#de97b5

Color #de97b5

A moderately saturated light pink.

Closest named color Light Pink #ffb6c1 · ΔE 14.89 Nearest Tailwind class pink-300 #fda5d5 · ΔE 7

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

Conversions

HEX

#de97b5

RGB

rgb(222, 151, 181)

HSL

hsl(334.6, 51.8%, 73.1%)

HSV / HSB

hsv(334.6, 32%, 87.1%)

CMYK

cmyk(0%, 32%, 18.5%, 12.9%)

LAB

lab(70.18, 30.91, -4.7)

LCH

lch(70.18, 31.27, 351.35)

OKLCH

oklch(75.5%, 0.093, 352.58)

HWB

hwb(334.6, 59.2%, 12.9%)

Harmony colors

Complementary

#97dec0

Analogous

#de97d8

#de97b5

#de9c97

Triadic

#de97b5

#b5de97

#97b5de

Split-complementary

#de97b5

#97de9c

#97d8de

Tetradic

#de97b5

#dec097

#97dec0

#97b5de

Square

#de97b5

#d8de97

#97dec0

#9c97de

Shades

Color #de97b5 mixed toward black.

#cf6893

#bd3c72

#8d2d56

#5e1e39

#2f0f1d

Tints

Color #de97b5 mixed toward white.

#e3a8c1

#e9bace

#eecbda

#f4dce6

#f9eef3

Tones

Color #de97b5 mixed toward gray.

#d89db6

#d2a3b7

#cca9b8

#c6afb9

#c0b4b9

Accessibility

Aa White text on this color

2.28:1

Aa Black text on this color

9.2:1

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

Under color vision deficiencies

Protanopia

#c3c3ae · ΔE 32.9

Deuteranopia

#c7ccad · ΔE 37.5

Tritanopia

#dba9a8 · ΔE 10.9

Achromatopsia

#acacac · ΔE 22

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

Code

CSS

background-color: #de97b5;

Tailwind (arbitrary value)

bg-[#de97b5]

Related colors

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Deep Pink #ff1493

Medium Violet Red #c71585

Crimson #dc143c

Frequently asked questions

#de97b5 (#de97b5) is rgb(222, 151, 181) in RGB.

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

Generate a palette → Check contrast