#980f40

Color #980f40

A vivid, highly saturated dark pink.

Closest named color Brown #a52a2a · ΔE 21.81 Nearest Tailwind class rose-900 #8b0836 · ΔE 3

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

Conversions

HEX

#980f40

RGB

rgb(152, 15, 64)

HSL

hsl(338.5, 82%, 32.7%)

HSV / HSB

hsv(338.5, 90.1%, 59.6%)

CMYK

cmyk(0%, 90.1%, 57.9%, 40.4%)

LAB

lab(32.68, 54.53, 9.83)

LCH

lch(32.68, 55.41, 10.22)

OKLCH

oklch(44.1%, 0.1678, 8.5)

HWB

hwb(338.5, 5.9%, 40.4%)

Harmony colors

Complementary

#0f9867

Analogous

#980f84

#980f40

#98220f

Triadic

#980f40

#40980f

#0f4098

Split-complementary

#980f40

#0f9822

#0f8498

Tetradic

#980f40

#98670f

#0f9867

#0f4098

Square

#980f40

#84980f

#0f9867

#220f98

Shades

Color #980f40 mixed toward black.

#7e0d35

#650a2b

#4c0820

#330515

#19030b

Tints

Color #980f40 mixed toward white.

#cc1456

#ea2f72

#f06395

#f597b9

#facbdc

Tones

Color #980f40 mixed toward gray.

#8c1a43

#812646

#76314a

#6a3d4d

#5f4850

Accessibility

Aa White text on this color

8.48:1

Aa Black text on this color

2.48:1

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

Under color vision deficiencies

Protanopia

#767538 · ΔE 47.8

Deuteranopia

#7b8136 · ΔE 53.4

Tritanopia

#953130 · ΔE 10.5

Achromatopsia

#4d4d4d · ΔE 25.6

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

Code

CSS

background-color: #980f40;

Tailwind (arbitrary value)

bg-[#980f40]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Crimson #dc143c

Deep Pink #ff1493

Pink #ffc0cb

Frequently asked questions

#980f40 (#980f40) is rgb(152, 15, 64) in RGB.

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

Generate a palette → Check contrast