Smokey Topaz

HEX: #933D41 | Modern Palette

On White
7.04:1
PASS
On Black
2.98:1
FAIL

Color Specifications

HEX
#933D41
RGB
147, 61, 65
HSL
357°, 58% ,57%
CMYK
0, 58.5, 55.78, 42.35

About Smokey Topaz

Smokey Topaz (#933D41) is a color with RGB(147, 61, 65) and HSL(357.21°, 58.5%, 57.65%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #3D938F, which creates strong contrast. Its triadic palette includes #41933D and #3D4193. The name comes from Smokey Topaz (English).

  • HEX: #933D41
  • RGB: 147, 61, 65
  • HSL: 357.21°, 58.5%, 57.65%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #3D938F
  • Triadic colors: #41933D, #3D4193
  • The name comes from Smokey Topaz (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Smokey Topaz #933D41 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.
 
 
SMOKEY TOPAZ
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
SMOKEY TOPAZ
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
SMOKEY TOPAZ
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Smokey Topaz #933D41 pairs with #3D938F as its complementary color, and #41933D and #3D4193 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.

SMOKEY TOPAZ
Analogous

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

SMOKEY TOPAZ
Triadic

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

SMOKEY TOPAZ
Split-Complementary

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

SMOKEY TOPAZ
Tetradic (Square)

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

SMOKEY TOPAZ
Monochromatic

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

SMOKEY TOPAZ

Shades & Tints

The shade and tint range for Smokey Topaz #933D41 moves from dark #120708 tones through the base color to lighter #F8EDED tones, making it useful for depth, hierarchy, and background variation.

SMOKEY TOPAZ

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #60603E
Protanopia #4D4D42
Tritanopia #933E3E
Achromatopsia #595959

Frequently Asked Questions

Smokey Topaz (#933D41) is a color with RGB(147, 61, 65) and HSL(357.21°, 58.5%, 57.65%).

#933D41 pairs strongly with #3D938F as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#933D41 is suitable for Text, Button, Logo and works well with Warm styles.

#933D41 is commonly associated with Romantic.

The name Smokey Topaz is linked to Smokey Topaz from English, meaning A brownish-grey to black variety of quartz, often used as a gemstone. The 'smokey' refers to its translucent grey-brown color, and 'topaz' is a common, though technically incorrect, name for this quartz variety (true topaz is a different mineral)..

Name, History & Etymology

Origin Word Smokey Topaz
Meaning A brownish-grey to black variety of quartz, often used as a gemstone. The 'smokey' refers to its translucent grey-brown color, and 'topaz' is a common, though technically incorrect, name for this quartz variety (true topaz is a different mineral).
Language English
First Recorded Use 18th Century

History

Smoky quartz has been used for millennia, with early examples found in Roman jewelry and Scottish cairngorms. The color 'Smokey Topaz' evokes the deep, earthy, and somewhat mysterious tones of this gemstone. In fashion and interior design, it represents sophistication, warmth, and a connection to nature. It's a versatile neutral that can be both grounding and luxurious.

First Recorded Use

The term 'smoky quartz' (the more accurate geological term) has been in use since at least the 18th century. 'Smokey Topaz' as a descriptive color name for fashion or decor would likely follow this, becoming more common in the 19th and 20th centuries as a more evocative, if less precise, term.

Cultural Associations

Often associated with autumn palettes, natural materials, and a sense of understated elegance. It can be seen as a more mature or serious alternative to lighter browns or greys. In some spiritual contexts, smoky quartz is believed to be a grounding stone that helps in detoxification and protection.

Similar Named Colors
Cordovan #893F45 ΔE 2.84
Solid Pink #893843 ΔE 3.70
Japanese Carmine #9D2933 ΔE 4.60
Vivid Burgundy #9F1D35 ΔE 5.77

Code Snippets

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

/* Text */
.element {
    color: #933D41;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #933D41,
        #54D2CC
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #933D41,
        #54D2CC
    );
}

// SCSS variable
$smokey-topaz: #933D41;

// With RGB channels (useful for rgba() usage)
$smokey-topaz-r: 147;
$smokey-topaz-g: 61;
$smokey-topaz-b: 65;

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