#824268

Color #824268

A muted dark magenta.

Closest named color Pale Violet Red #db7093 · ΔE 28.6 Nearest Tailwind class pink-900 #861043 · ΔE 11.2

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

Conversions

HEX

#824268

RGB

rgb(130, 66, 104)

HSL

hsl(324.4, 32.7%, 38.4%)

HSV / HSB

hsv(324.4, 49.2%, 51%)

CMYK

cmyk(0%, 49.2%, 20%, 49%)

LAB

lab(37.19, 32.58, -9.8)

LCH

lch(37.19, 34.02, 343.26)

OKLCH

oklch(47.2%, 0.1004, 345.05)

HWB

hwb(324.4, 25.9%, 49%)

Harmony colors

Complementary

#42825c

Analogous

#7c4282

#824268

#824248

Triadic

#824268

#688242

#426882

Split-complementary

#824268

#488242

#42827c

Tetradic

#824268

#825c42

#42825c

#426882

Square

#824268

#827c42

#42825c

#424882

Shades

Color #824268 mixed toward black.

#6c3757

#572c45

#412134

#2b1623

#160b11

Tints

Color #824268 mixed toward white.

#a55484

#b9749d

#ca97b5

#dcbace

#eddce6

Tones

Color #824268 mixed toward gray.

#7d4767

#774d66

#725265

#6d5764

#675d63

Accessibility

Aa White text on this color

7.17:1

Aa Black text on this color

2.93:1

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

Under color vision deficiencies

Protanopia

#6c6c60 · ΔE 31.3

Deuteranopia

#6f735f · ΔE 36.7

Tritanopia

#805a58 · ΔE 14.8

Achromatopsia

#575757 · ΔE 22.6

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

Code

CSS

background-color: #824268;

Tailwind (arbitrary value)

bg-[#824268]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Orchid #da70d6

Frequently asked questions

#824268 (#824268) is rgb(130, 66, 104) in RGB.

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

Generate a palette → Check contrast