Maroon Colors  ·  Color Library

Palettes / Colors / #8A003A

#8A003A — Deep Vivid Pink

#8A003A is a pink color we call Deep Vivid Pink, closest to the named color Maroon (#800020). It belongs to the pink family.

#8A003A is a warm-leaning pink color associated with playfulness, romance and softness. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #008A50; it also sits naturally between #8A007E and #8A0B00. In the palettes below you can see it working alongside real color combinations from our collection.

#8A003A · RGB 138, 0, 58

Download PNG swatch SVG

Color values

HEX#8A003A
RGB138, 0, 58
HSL335°, 100%, 27%
HSV335°, 100%, 54%
CMYK0%, 100%, 58%, 46%
XYZ11.24, 5.71, 4.51
Yxy5.71, 0.5239, 0.2659
CIE-Lab28.67, 52.93, 7.80
Hunter Lab23.89, 44.16, 4.39

RGB & CMYK percentages

Red 54% · Green 0% · Blue 23%

Cyan 0% · Magenta 100% · Yellow 58% · Key 46%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #8A003A on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #8A003A on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #8A003A

.text { color: #8A003A; }
.background { background-color: #8A003A; }
.border { border: 3px solid #8A003A; }
.text-rgb { color: rgb(138, 0, 58); }
.text-hsl { color: hsl(335, 100%, 27%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #8A003A; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(138, 0, 58, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #8A003A; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(138, 0, 58, 0.8); }

HTML: <p style="color:#8A003A">Text here</p> · <div style="background-color:#8A003A">Div content here</div>

Shades of #8A003A

#800035#70002F#66002B#5C0026#520022#42001C#380017#2E0013#1F000D#140009

Tints of #8A003A

#AD0048#D10057#F50066#FF1A79#FF3D8E#FF5CA0#FF80B5#FFA3C9#FFC7DE#FFEBF3

Tones of #8A003A

#800A3B#76143D#6C1E3E#622740#593142#4E3B43

Color harmonies

Complementary — #008A50:

Analogous:

Triadic:

Contrast & accessibility

Against white text9.81:1 AAA
Against black text2.14:1 Fails

Best text color on #8A003A: #FFFFFF.

How #8A003A looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #4E4D2CDeuteranopia · #566129Tritanopia · #83211E

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Brown 500 · #795548Tailwind red 600 · #DC2626Tailwind rose 600 · #E11D48

Palettes with a similar color

These palettes use a close neighbour of #8A003A rather than the exact color:

Palette 92003a
#92003A · #F62477 · #FFADEE · #FFE185
Palette 860a35
#860A35 · #AF2655 · #A3B763 · #F3F3F3
Palette 8d0b41
#8D0B41 · #D39D55 · #D6CFB4 · #FFF8E6
Palette 511845
#511845 · #900C3F · #C70039 · #FF5733
Palette 900c3f
#900C3F · #C70039 · #F94C10 · #F8DE22
Palette 900c3f
#900C3F · #C70039 · #FF5733 · #FFC300

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#92003A#860A35#8D0B41#900C3F#810B38#850E35#890F45#900E45#7B0E3C#821131#8F1537#801336

Browse neighbouring colors

← #8A0039  ·  #8A003B →

Frequently asked questions

What color is #8A003A?

#8A003A is Deep Vivid Pink, a pink color (RGB 138, 0, 58). Its closest standard named color is Maroon.

What is the RGB and HSL of #8A003A?

#8A003A is RGB 138, 0, 58 — HSL 335°, 100%, 27% — CMYK 0%, 100%, 58%, 46%.

What colors go with #8A003A?

Its complement is #008A50; analogous partners are #8A007E and #8A0B00. It also appears in 6+ palettes in our collection.

Can I use #8A003A for text?

White text on #8A003A has a contrast ratio of 9.81:1 (passes WCAG AA); black text gives 2.14:1.