#330000 color: near-black dark red hex code and shades

#330000 is RGB 51, 0, 0: pure red at one fifth strength, so dark it can pass for a brown-black. White text on it measures 18.40:1, a very high ratio.

By Paul Gunder. Every value is computed from published standards; see how ColorPlum works.

Updated November 10, 2026

ColorPlum swatch#330000very dark, moderately saturated red

HEX: #330000
RGB: rgb(51, 0, 0)
HSL: hsl(0, 100%, 10%)

Best text on it: white at 18.40:1

Build a palette Make a gradient Check contrast Wallpaper

#330000#330000

Every code for #330000

HEX#330000
RGBrgb(51, 0, 0)
HSLhsl(0, 100%, 10%)
HSV0°, 100%, 20%
CMYK0%, 100%, 100%, 80%
Lablab(6.7% 25.6 10.6)
OKLCHoklch(20.2% 0.083 29.2)
Decimal3342336

Tints, shades and tones

From white to black in 10% steps, with #330000 in the middle. Tap a code to copy it.

90%#EBE6E6
80%#D6CCCC
70%#C2B3B3
60%#AD9999
50%#998080
40%#856666
30%#704D4D
20%#5C3333
10%#471A1A
Base#330000
10%#2E0000
20%#290000
30%#240000
40%#1F0000
50%#1A0000
60%#140000
70%#0F0000
80%#0A0000
90%#050000

Tones (mixed with gray)

10%#3B0D0D
20%#421A1A
30%#4A2626
40%#523333
50%#5A4040
60%#614D4D
70%#695A5A
80%#716666
90%#787373

Matching colors

Complementary

#330000
#003333

Analogous

#33001A
#330000
#331A00

Triadic

#330000
#003300
#000033

Split complementary

#330000
#00331A
#001A33

Tetradic (square)

#330000
#1A3300
#003333
#1A0033

Monochromatic

#140000
#140000
#330000
#800000
#CC0000

#330000 in 3D color space

OKLab, the space ColorPlum does its math in: lightness runs up the pole, hue goes around it and saturation grows outward. The faint shell is every color a screen can show (saturation is drawn wider than lightness so hues separate). Drag to turn it.

#330000 with its complement, its triad and its tint and shade

#330000
Triad #003300
Triad #000033
Complement
50% tint
50% shade

#330000 in use

New collectionAutumn edit

Card body text stays dark for reading; #330000 carries the header and the button.

Shop nowTag

Headline in #330000

A paragraph with a link set in this color, which is dark enough for text on white.

How it looks with color-vision deficiency

A simulation (Machado and colleagues, 2009) of how the color and its complement read without one type of cone.

Typical color vision#330000
Protanopia (no red cones)#100C00
Deuteranopia (no green cones)#1D1800
Tritanopia (no blue cones)#390001

Contrast and readability

Pairing	Ratio	WCAG 2.2
as text on white	18.40:1	AA AA large AAA
as text on black	1.14:1	AA AA large AAA
white text on it	18.40:1	AA AA large AAA
black text on it	1.14:1	AA AA large AAA
on your background	16.07:1	AA AA large AAA

Try a background

Export

:root {
  --330000: #330000;
  --330000-rgb: 51 0 0;
  --330000-on: #ffffff;
}

On this page

Only the first pair of #330000 is non-zero: 33 in hex is 51, exactly 20% of the red scale. The HSL reading is 0° hue, 100% saturation and 10% lightness, and the Lab lightness is just 6.7%. The decimal value is 3342336. At full size on a screen it reads as black with a warm cast, and you may only notice the red when it sits next to true black.

Reading the color

It is the darkest red in the simple family: #550000, #650000 and #990000 are all brighter steps along the same line. The CMYK estimate is 0%, 100%, 100%, 80%, which tells a printer that most of the darkness comes from the black plate. Names are hard to find. In the xkcd survey the nearest answers are "dark maroon" (#3C0008) at 2.8 OKLab units, "deep brown" (#410200) at 3.8 and "very dark brown" (#1D0200) at 5.8. The CSS list has nothing close; maroon is 18.9 units away, and even black is 21.8 away, so no CSS name describes this color well.

Contrast

White text on #330000 measures 18.40:1, nearly the top of the scale, and black text on it is only 1.14:1. The tints give you readable light partners: the 90% tint #EBE6E6 reaches 14.89:1 on it, and the 80% tint #D6CCCC reaches 11.71:1. As text on white, #330000 matches that 18.40:1, so it can also serve as a headline color that feels warmer than black.

Tints and shades

The tint strip starts at #471A1A and passes #704D4D and #998080 before fading to #EBE6E6. Going darker, the shades are #2E0000, #290000, #240000 and down to #050000, which is hard to tell from black. If you need a lighter version that still looks red, use the 10% tint, not another shade.

Harmonies

The complementary color is #003333, a very dark teal. The triadic partners are #003300 and #000033, and the split pair is #00331A with #001A33. All of them are as dark as the original, so they work as a set of dark backgrounds rather than as accents.

Worked example

Picture the quarterly pitch deck for a wine bar. The title slide needs a background that feels rich, not flat black. Fill it with #330000, set the bar's name in white, and put the subtitle in the 90% tint #EBE6E6. With 18.40:1 and 14.89:1, both lines stay sharp when a projector washes out the room. For the content slides, switch to a white background and use #330000 for headings; it matches the title slide and prints cleanly in grayscale on handouts. Add a single accent in a brighter red such as #990000 for charts and callouts, rather than introducing a new hue.