#823a58

Color #823a58

A muted dark pink.

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

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

Conversions

HEX

#823a58

RGB

rgb(130, 58, 88)

HSL

hsl(335, 38.3%, 36.9%)

HSV / HSB

hsv(335, 55.4%, 51%)

CMYK

cmyk(0%, 55.4%, 32.3%, 49%)

LAB

lab(34.96, 34.49, -3)

LCH

lch(34.96, 34.62, 355.03)

OKLCH

oklch(45.3%, 0.105, 355.9)

HWB

hwb(335, 22.7%, 49%)

Harmony colors

Complementary

#3a8264

Analogous

#823a7c

#823a58

#82403a

Triadic

#823a58

#58823a

#3a5882

Split-complementary

#823a58

#3a8240

#3a7c82

Tetradic

#823a58

#82643a

#3a8264

#3a5882

Square

#823a58

#7c823a

#3a8264

#403a82

Shades

Color #823a58 mixed toward black.

#6c3049

#57273b

#411d2c

#2b131d

#160a0f

Tints

Color #823a58 mixed toward white.

#a74b71

#bd6b8d

#cd90a9

#deb5c6

#eedae2

Tones

Color #823a58 mixed toward gray.

#7c4059

#76465a

#704c5b

#6a525c

#64585d

Accessibility

Aa White text on this color

7.79:1

Aa Black text on this color

2.7:1

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

Under color vision deficiencies

Protanopia

#6a6a52 · ΔE 35.2

Deuteranopia

#6e7250 · ΔE 39.7

Tritanopia

#804d4c · ΔE 11.2

Achromatopsia

#525252 · ΔE 22.9

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

Code

CSS

background-color: #823a58;

Tailwind (arbitrary value)

bg-[#823a58]

Related colors

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Deep Pink #ff1493

Medium Violet Red #c71585

Crimson #dc143c

Frequently asked questions

#823a58 (#823a58) is rgb(130, 58, 88) in RGB.

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

Generate a palette → Check contrast