#774169

Color #774169

A muted dark magenta.

Closest named color Dark Slate Blue #483d8b · ΔE 29.42 Nearest Tailwind class fuchsia-900 #721378 · ΔE 12

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

Conversions

HEX

#774169

RGB

rgb(119, 65, 105)

HSL

hsl(315.6, 29.3%, 36.1%)

HSV / HSB

hsv(315.6, 45.4%, 46.7%)

CMYK

cmyk(0%, 45.4%, 11.8%, 53.3%)

LAB

lab(35.45, 29.42, -13.22)

LCH

lch(35.45, 32.25, 335.8)

OKLCH

oklch(45.5%, 0.0926, 337.45)

HWB

hwb(315.6, 25.5%, 53.3%)

Harmony colors

Complementary

#41774f

Analogous

#6a4177

#774169

#77414e

Triadic

#774169

#697741

#416977

Split-complementary

#774169

#4e7741

#41776a

Tetradic

#774169

#774f41

#41774f

#416977

Square

#774169

#776a41

#41774f

#414e77

Shades

Color #774169 mixed toward black.

#633658

#4f2b46

#3c2135

#281623

#140b12

Tints

Color #774169 mixed toward white.

#9a5488

#b273a2

#c596b9

#d9b9d0

#ecdce8

Tones

Color #774169 mixed toward gray.

#734667

#6e4a65

#6a4f63

#655360

#61585e

Accessibility

Aa White text on this color

7.65:1

Aa Black text on this color

2.74:1

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

Under color vision deficiencies

Protanopia

#646461 · ΔE 25.2

Deuteranopia

#676a5f · ΔE 32.2

Tritanopia

#755a59 · ΔE 16

Achromatopsia

#535353 · ΔE 21.9

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

Code

CSS

background-color: #774169;

Tailwind (arbitrary value)

bg-[#774169]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Orchid #da70d6

Hot Pink #ff69b4

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#774169 (#774169) is rgb(119, 65, 105) in RGB.

No, #774169 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast