Sophisticated Blue-Gray Dark Slate
Category: Black
Charcoal (#36454F) — Color Codes, Meaning & UI Palettes
Charcoal is a deep, smoky gray with subtle cool navy undertones inspired by burnt wood. Softer and more forgiving than pure pitch black `#000000`.
Click to Copy HEX
Charcoal
#36454F
HEX
#36454F
RGB
rgb(54, 69, 79)
HSL
hsl(204deg, 19%, 26%)
CMYK (Print)
cmyk(32%, 13%, 0%, 69%)
Apple Display P3
color(display-p3 0.212 0.271 0.310)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
9.9:1 (AAA)
Black Text (#000000)
2.12:1 (Fail)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F3F4F4
100
#DFE1E3
200
#BFC3C7
300
#969EA3
400
#667279
500
#36454F
600
#2B373F
700
#20292F
800
#161C20
900
#0C0F11
950
#060809
Color Harmonies & Palette Schemes
Complementary
#4F4036
Opposite 180° Contrast
Analogous -30°
#364F4C
Natural Harmony
Analogous +30°
#36384F
Natural Harmony
Triadic +120°
#4F3645
120° Balanced Triad
Triadic +240°
#454F36
120° Balanced Triad
Curated UI Design Pairings for Charcoal
The quintessential modern digital background and text tone for premium tech hardware, automotive, and architecture websites.
Pure White
#FFFFFF
Maximum Contrast Readability
Electric Blue
#3B82F6
Primary UI Accent
Warm Sand
#E5D3B3
Architectural Neutral
Pale Slate
#D9E2EC
Card Border Divider
Export Charcoal Code Snippets
CSS Variable
--color-charcoal-color: #36454F;
Tailwind Config
'charcoal-color': '#36454F'
Swift / SwiftUI
Color(hex: "#36454F")
JSON Design Token
{"name": "Charcoal", "hex": "#36454F"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.