Information about #302D30 color

#302D30 color image

Basic facts about this digital color

#302D30 falls into the Magenta Color Family — Desaturated, Dark brightness. The mix behind it: rgb(48, 45, 48) — 18.8% red, 17.6% green, 18.8% blue; the print equivalent is CMYK 0 / 1 / 0 / 81. New to color codes? See our guide to RGB color codes.

#302D30 presents itself as a softly muted neutral grey — one that leans clearly toward the dark side. In practice it works well for dark UI themes, backgrounds and dramatic accents. In The Official Register of Color Names it is a hair away from Night Rider (#332E2E). Its next-closest registered neighbors are Sheer Black (#332F2F) and Nocturnal (#2F3131).

The recipe behind #302D30 is rgb(48, 45, 48), with red as the dominant ingredient. Accessibility-wise, white text works best on #302D30: 13.6:1 contrast (passing WCAG AAA) versus 1.5:1 for black. On paper it relies strongly on black ink (K:81), so proof dark layouts before a large print run. #302D30 has no official name yet. If this shade means something to you, you can be the one to name it.

#302D30 color variations

View this color variations of tints, shades, tones and hues.

#302D30 color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.

Complementary color schemes

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.

Split complementary color scheme

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.

Analogous color scheme

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.

Triadic color scheme

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel.

Tetradic color scheme

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.

Square color scheme

Nearest named colors to #302D30

The closest officially registered color names in the Register, ordered by similarity — your shade’s neighborhood is already being claimed.

Night Rider color link
Night Rider

#332E2E

Sheer Black color link
Sheer Black

#332F2F

Nocturnal color link
Nocturnal

#2F3131

Bastille color link
Bastille

#2C2C32

Foundry color link
Foundry

#2C2E32

Element color link
Element

#2C2F2F

Shadow Match color link
Shadow Match

#312F2C

Cod Grey color link
Cod Grey

#2D3032

Diesel color link
Diesel

#322C2B

Melanzane color link
Melanzane

#342931

Pitch Black color link
Pitch Black

#2C2B2C

Conversions between color systems and etc.

  • HEX#302D30
  • RGB48, 45, 48
  • CMYK0, 1, 0, 81
  • CSSrgb(48, 45, 48)
  • HSL300°, 3%, 18%
  • HSL Precise300°, 3.226%, 18.235%
  • HSV300°, 6%, 19%
  • HSB300°, 6%, 19%
  • Normalized R (0.0–1.0)0.188
  • Normalized G (0.0–1.0)0.176
  • Normalized B (0.0–1.0)0.188
  • GLSLvec3(0.188, 0.176, 0.188)
  • GLSL with alphavec4(0.188, 0.176, 0.188, 1.000)
  • HLSL / Metalfloat3(0.188, 0.176, 0.188)
  • Percentage of Red in RGB18.8%
  • Percentage of Green in RGB17.6%
  • Percentage of Blue in RGB18.8%
  • Color FamilyMagenta
  • Saturation FamilyDesaturated
  • Lightness FamilyDark
  • HEX ID302D30
  • DECIMAL ID3157296
  • Name LengthThis color has no name
  • Seen by search & AI crawlers29 times
  • Counting from2025-01-01