#da9e9a

Color #da9e9a

A moderately saturated light red.

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

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

Conversions

HEX

#da9e9a

RGB

rgb(218, 158, 154)

HSL

hsl(3.8, 46.4%, 72.9%)

HSV / HSB

hsv(3.8, 29.4%, 85.5%)

CMYK

cmyk(0%, 27.5%, 29.4%, 14.5%)

LAB

lab(70.66, 21.78, 10.94)

LCH

lch(70.66, 24.37, 26.67)

OKLCH

oklch(75.5%, 0.0723, 23.2)

HWB

hwb(3.8, 60.4%, 14.5%)

Harmony colors

Complementary

#9ad6da

Analogous

#da9ab6

#da9e9a

#dabe9a

Triadic

#da9e9a

#9ada9e

#9e9ada

Split-complementary

#da9e9a

#9adabe

#9ab6da

Tetradic

#da9e9a

#d6da9a

#9ad6da

#9e9ada

Square

#da9e9a

#b6da9a

#9ad6da

#be9ada

Shades

Color #da9e9a mixed toward black.

#c9726c

#b54a42

#883732

#5b2521

#2d1211

Tints

Color #da9e9a mixed toward white.

#e0aeab

#e6bebc

#eccecc

#f3dfdd

#f9efee

Tones

Color #da9e9a mixed toward gray.

#d5a39f

#cfa7a5

#caacaa

#c5b1af

#bfb5b5

Accessibility

Aa White text on this color

2.25:1

Aa Black text on this color

9.34:1

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

Under color vision deficiencies

Protanopia

#c3c29b · ΔE 28.7

Deuteranopia

#c6ca9b · ΔE 31.3

Tritanopia

#d89c9c · ΔE 1.6

Achromatopsia

#adadad · ΔE 19.1

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

Code

CSS

background-color: #da9e9a;

Tailwind (arbitrary value)

bg-[#da9e9a]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Frequently asked questions

#da9e9a (#da9e9a) is rgb(218, 158, 154) in RGB.

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

Generate a palette → Check contrast