Warm Black

HEX: #004242 | Modern Palette

On White
11.30:1
PASS
On Black
1.86:1
FAIL

Color Specifications

HEX
#004242
RGB
0, 66, 66
HSL
180°, 100% ,25%
CMYK
100, 0, 0, 74.12

About Warm Black

Warm Black (#004242) is a color with RGB(0, 66, 66) and HSL(180°, 100%, 25.88%). It is commonly associated with Bold, Luxury moods. In design, it fits Cool styles and is suitable for Text, Button, Accent. Its complementary color is #420000, which creates strong contrast. Its triadic palette includes #420042 and #424200. The name comes from Warm Black (English).

  • HEX: #004242
  • RGB: 0, 66, 66
  • HSL: 180°, 100%, 25.88%
  • Mood: Bold, Luxury
  • Style: Cool
  • Use case: Text, Button, Accent
  • Complementary color: #420000
  • Triadic colors: #420042, #424200
  • The name comes from Warm Black (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Warm Black #004242 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
WARM BLACK
 
CYAN
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
WARM BLACK
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
CYAN
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Warm Black #004242 pairs with #420000 as its complementary color, and #420042 and #424200 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

WARM BLACK
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

WARM BLACK
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

WARM BLACK
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

WARM BLACK
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

WARM BLACK
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

WARM BLACK

Shades & Tints

The shade and tint range for Warm Black #004242 moves from dark #001A1A tones through the base color to lighter #E6FFFF tones, making it useful for depth, hierarchy, and background variation.

WARM BLACK

Color Characteristics

Mood
Bold Luxury
Style
Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #373743
Protanopia #3E3E42
Tritanopia #004242
Achromatopsia #3A3A3A

Frequently Asked Questions

Warm Black (#004242) is a color with RGB(0, 66, 66) and HSL(180°, 100%, 25.88%).

#004242 pairs strongly with #420000 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#004242 is suitable for Text, Button, Accent and works well with Cool styles.

#004242 is commonly associated with Bold, Luxury.

The name Warm Black is linked to Warm Black from English, meaning A descriptive color name indicating a black hue with a noticeable warm undertone, often achieved by mixing black with warm colors like red, yellow, or brown..

Name, History & Etymology

Origin Word Warm Black
Meaning A descriptive color name indicating a black hue with a noticeable warm undertone, often achieved by mixing black with warm colors like red, yellow, or brown.
Language English
First Recorded Use 20th Century

History

While artists have always manipulated black pigments to achieve various effects, including warmer blacks, the explicit naming of 'Warm Black' as a distinct color option became more common with the rise of standardized color palettes in commercial products. It differentiates itself from 'Cool Black' (which might have blue or green undertones) and 'Neutral Black' (a pure, unadulterated black). Its use is prevalent in design, fashion, and art where a softer, less stark black is desired.

First Recorded Use

The specific term 'Warm Black' as a named color or paint shade likely emerged in the 20th century with the expansion of commercial paint and art supply industries, though the concept of mixing warm tones into black existed much earlier in art.

Cultural Associations

In interior design, warm blacks can create a sophisticated and inviting atmosphere, contrasting with the often stark or industrial feel of pure black. In fashion, it can offer a softer alternative to traditional black, complementing a wider range of skin tones and other colors. Artists often use warm blacks for shadows that recede or to depict objects that absorb light in a way that suggests warmth or depth.

Similar Named Colors
Rich Black #004040 ΔE 0.63
Deep Jungle Green #004B49 ΔE 3.08
MSU Green #18453B ΔE 5.15
Midnight Green #004953 ΔE 5.62

Code Snippets

/* Background */
.element {
    background-color: #004242;
}

/* Text */
.element {
    color: #004242;
}

/* Border */
.element {
    border: 1px solid #004242;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #004242,
        #840000
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #004242,
        #840000
    );
}

// SCSS variable
$warm-black: #004242;

// With RGB channels (useful for rgba() usage)
$warm-black-r: 0;
$warm-black-g: 66;
$warm-black-b: 66;

// Usage
.element {
    background-color: $warm-black;
    color: rgba($warm-black-r, $warm-black-g, $warm-black-b, 0.8);
}