Skip to content

Smoke #738276

Gray that remembers the fire.

RGB
115, 130, 118
HSL
132°, 6%, 48%
CMYK
12, 0, 9, 49
Luminance
0.2092

About Smoke

Smoke, #738276, is gray with green-blue drift — the color of the plume after the flame. Softer than slate, moodier than silver, it is atmosphere as a neutral.

History

Smoke greys entered fashion through London fog and film noir; “smoked” glass and chrome made them industrial-luxury; photography’s haze filters made them cinematic default.

Psychology

Smoke reads contemplative, urban and diffuse — gray with weather in it. It softens compositions the way haze softens skylines.

In design

Smoke tones are superb muted surfaces and dividers: warmer than cool grays, calmer than sage. Pair with charcoal, ivory, rose and brushed metal. Whitesmoke (#f5f5f5) — CSS’s palest smoke — remains the web’s favorite background gray.

In culture

Smoke and mirrors, smoke signals, holy smoke: the plume writes mystery into language. Its color inherited the ambiguity.

Brands that own smoke

Whitesmoke web#f5f5f5Smoked glassware#8d9391Noir posters#6e7676Urban outerwear#738276Studio backdrops#9aa0a0

Shades of smoke

GraySlateAshFogWhitesmokeGunmetalSagePewter

Every format

HEX#738276
RGBrgb(115, 130, 118)
HSLhsl(132, 6%, 48%)
CMYKcmyk(12%, 0%, 9%, 49%)
LABlab(52.9 -8.0 4.6)
LCHlch(52.9 9.2 149.8)
OKLCHoklch(0.591 0.025 151.3)

Copy-ready code

/* CSS */
color: #738276;
background-color: #738276;
/* Tailwind (arbitrary) */
class="text-[#738276] bg-[#738276]"
/* SCSS */
$brand: #738276;
/* SwiftUI */
Color(red: 0.451, green: 0.510, blue: 0.463)
/* Android */
Color.parseColor("#738276")

Accessibility — WCAG contrast

Aa
#738276 on white: 4.05:1
AA ✗ fail · AA-large ✓ · AAA ✗
Aa
#738276 on black: 5.18:1
AA ✓ pass · AA-large ✓ · AAA ✗
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red45.1%
Green51.0%
Blue46.3%

CMYK percentages

Cyan11.5%
Magenta0.0%
Yellow9.2%
Key (black)49.0%

Color previews

#738276 text on a black background

contrast 5.18:1

Card sample

#738276 text on a white background

contrast 4.05:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #738276;
Background color
Panel with #738276 background
background-color: #738276;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #738276;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(115, 130, 118, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(115, 130, 118, 0.45);
Border & gradient
Gradient panel
border: 3px solid #738276;
background: linear-gradient(135deg, #738276, #738280);

Monochromatic scale

#1D201D#3E4640#606C62#839185#A8B2AA#CED4CF#E9ECEA

Palettes built from #738276

UI palette
#E9ECEA
#AEB7B0
#738276
#4D574F
#7A7A7A
Gradient stops
#899688
#738276
#606C66
Accent trio
#738276
#7D7382
#827377
Warm–cool bridge
#7F8273
#778273
#738276
#73827D
#737F82

Shades — darker

#67756A#5C685E#505B53#454E47#39413B#2E342F#222723#171A18#0B0D0C

Tints — lighter

#808F83#8E9B91#9DA89F#ABB4AD#B9C1BA#C7CDC8#D5DAD6#E3E6E4#F1F3F1

Hue & tone neighbors

#758273#738273#738278#73827B#8D9A90#5B675D#5A9A67#7A7A7A

Color harmonies

Complement
#738276
#82737F
Split-complement
#738276
#7D7382
#827377
Analogous
#738276
#778273
#73827D
Triadic
#738276
#767382
#827673
Tetradic
#738276
#737782
#82737F
#827D73

Nearest named colors

gray · ΔE 9.3darkslategray · ΔE 23.5teal · ΔE 25.1silver · ΔE 26.5tan · ΔE 32.4

Smoke, answered

What is the hex code for smoke?

Smoke gray is around #738276; CSS whitesmoke is the near-white #f5f5f5; ash lightens to #b2beb5.

Smoke vs slate vs ash?

Slate is blue-cast stone, ash is pale mineral gray, smoke drifts green-blue with atmosphere — the organic member of the trio.

Where does whitesmoke come from?

X11’s color list named the palest smoke tint; CSS inherited it, and it became the default “almost white” of a million stylesheets.

Work with #738276 in the Color Lab

Contrast Checker →Palette Generator →Palette Pro →Scale Generator →CSS Code Generator →Color Blind Simulator →Accessibility Checker →Color Distance →