Generate Palette
  1. Colors
  2. #343a40
Created at 02/19/2023 08:22
  0.19k

#343a40 HEX Color information

Color palettes generator
Color HEX RGB
#343a40 RGB(52, 58, 64)
RGB values are RGB(52, 58, 64)
#343a40 color contain Red 20.39%, Green 22.75% and Blue 25.1%.
oklch(34.51% 0.0133 248.21)
More palettes with:
Darkslategrey

Color Names of #343a40 HEX code

Antarctic Deep, Asphalt Gray, bg-dark, Black Nightfall, Bot Navy, Charcoal, Clipboard Graphite, Code Gray, Commandline Gray, Context Shadow Gray, Control Graphite, Cortex Slate, dark, Data Charcoal, Depth Slate, DOM Navy, Dynamic Black, Edge Shadow, Feedback Charcoal, Framework Graphite, Function Charcoal, Graphite, Graphite Black, gray-dark, Hydrate Ink, Icon Charcoal, Lab Graphite, Layered Shadow, Night Finale, Node Graphite, Onyx, Query Graphite, Rank Charcoal, Request Navy, Scale Shadow, Shadow Graphite, Soft Charcoal, Source Slate, Steel Shadow, Stream Graphite, Syntax Shadow, Text Mode Charcoal, User Text, UX Charcoal, Wallet Graphite, War Shadow Color

Classification of #343a40 color

#343a40 is Light and Cool Color
Tint of darkslategrey
Opposite Color for #343a40 is #413b35
#413b35

#343a40 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #343a40

Decimal
3422784
HEX
#343a40
HSL
hsl(210, 10%, 23%)
HSLA
hsla(210, 10%, 23%, 1)
RGB
RGB(52, 58, 64)
RGBA
RGBA(52, 58, 64, 1)

Palettes for #343a40 color:

Below examples of color palettes for #343a40 HEX color

darkest color is #050606 from shades and lightest color is #ebebec from tints

Shades palette of #343a40:
Tints palette of #343a40:
Complementary palette of #343a40:
Triadic palette of #343a40:
Square palette of #343a40:
Analogous palette of #343a40:
Split-Complementary palette of #343a40:
Rectangle (tetradic) palette of #343a40:

Color #343a40 used in palettes (23)

Bootstrap 4 background colors (classes) palette Bootstrap 5 colors Bootstrap 4 Badge colors kem-bootstrap4-all-colors-palette b4 bs4/theme-colors bs4/all-colors-palette kem-bootstrap-4-standard my EX-BS4.5.0_EVENTS zxcvb EX-BS4.5.0_COLORS 3d art model keyshot design colors Paula Ui layout healthcare ux colors palette gray-default UIKit CSS Framework colors Bootstrap 5 color palette Virtual DOM UI Toolkit Generative Utility Assistant UI Next.js Light Portal AI-Powered Knowledge Graph Explorer Reactive Data Dashboard Surface

Color Contrast

Color pairings #343a40 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#343a40
#343a40
Contrast Ratio
11.5:1
SizeAA-levelAAA-level
Large text:
Small text:
#343a40
#343a40
Contrast Ratio
1.82:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #343a40 color png

Antarctic Deep, Asphalt Gray, bg-dark, Black Nightfall, Bot Navy, Charcoal, Clipboard Graphite, Code Gray, Commandline Gray, Context Shadow Gray, Control Graphite, Cortex Slate, dark, Data Charcoal, Depth Slate, DOM Navy, Dynamic Black, Edge Shadow, Feedback Charcoal, Framework Graphite, Function Charcoal, Graphite, Graphite Black, gray-dark, Hydrate Ink, Icon Charcoal, Lab Graphite, Layered Shadow, Night Finale, Node Graphite, Onyx, Query Graphite, Rank Charcoal, Request Navy, Scale Shadow, Shadow Graphite, Soft Charcoal, Source Slate, Steel Shadow, Stream Graphite, Syntax Shadow, Text Mode Charcoal, User Text, UX Charcoal, Wallet Graphite, War Shadow #343a40 color image
 Download image
Visit the popular colors list for more colors
Metro UI Colors Pantone Colors Web Colors Web Safe Colors X11 Colors XKCD Colors