#dc6382

Color #dc6382

A moderately saturated light pink.

Closest named color Pale Violet Red #db7093 · ΔE 8.05 Nearest Tailwind class rose-400 #ff637e · ΔE 7.2

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

Conversions

HEX

#dc6382

RGB

rgb(220, 99, 130)

HSL

hsl(344.6, 63.4%, 62.5%)

HSV / HSB

hsv(344.6, 55%, 86.3%)

CMYK

cmyk(0%, 55%, 40.9%, 13.7%)

LAB

lab(57.8, 50.25, 6.29)

LCH

lch(57.8, 50.64, 7.13)

OKLCH

oklch(65.6%, 0.1537, 6.27)

HWB

hwb(344.6, 38.8%, 13.7%)

Harmony colors

Complementary

#63dcbd

Analogous

#dc63be

#dc6382

#dc8063

Triadic

#dc6382

#82dc63

#6382dc

Split-complementary

#dc6382

#63dc80

#63bedc

Tetradic

#dc6382

#dcbd63

#63dcbd

#6382dc

Square

#dc6382

#bedc63

#63dcbd

#8063dc

Shades

Color #dc6382 mixed toward black.

#d2375f

#ae2749

#821d37

#571325

#2b0a12

Tints

Color #dc6382 mixed toward white.

#e27d97

#e897ac

#eeb1c0

#f3cbd5

#f9e5ea

Tones

Color #dc6382 mixed toward gray.

#d26d87

#c8778c

#be8191

#b48b96

#a9959a

Accessibility

Aa White text on this color

3.41:1

Aa Black text on this color

6.15:1

Black text reads better on this background (6.15:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#b5b47b · ΔE 45.7

Deuteranopia

#bbc27a · ΔE 51.5

Tritanopia

#d87675 · ΔE 9.2

Achromatopsia

#8b8b8b · ΔE 25.1

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

Code

CSS

background-color: #dc6382;

Tailwind (arbitrary value)

bg-[#dc6382]

Related colors

Crimson #dc143c

Pale Violet Red #db7093

Lavender Blush #fff0f5

Pink #ffc0cb

Light Pink #ffb6c1

Hot Pink #ff69b4

Frequently asked questions

#dc6382 (#dc6382) is rgb(220, 99, 130) in RGB.

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

Generate a palette → Check contrast