neutralneutralCC0 survey name

Dark Grey #363737

Dark Grey is a dark, muted neutral color (#363737; HSL 180° 1% 21%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “dark grey”.

Use cases: Backgrounds · Typography

Open in generator →

Families: Charcoal Colors

Color values

FormatValue
HEX#363737
RGBrgb(54, 55, 55)
HSLhsl(180, 1%, 21%)
HSVhsv(180, 2%, 22%)
OKLCHoklch(33.58% 0.001 197.1)
OKLaboklab(33.58% -0.0013 -0.0004)
CMYKcmyk(1.8%, 0%, 0%, 78.4%)
XYZxyz(3.577, 3.7925, 4.1573)
CIE-LABlab(23.0, -0.4, -0.2)
CIE-LCHlch(23.0, 0.5, 199.3°)
Luminance0.038 (WCAG relative)
/* Dark Grey */ --dark-grey: #363737; color: #363737; background-color: #363737;

Source: xkcd color survey name (public domain, CC0).

Collections: Dark Colors · Muted Colors · Neutral Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#313232 #2c2d2d #272828 #232323 #1e1f1f #1a1a1a #151515 #101010 #080808 #000000

Tints (toward white)

#474848 #5a5b5b #6d6d6d #808181 #949595 #a8a9a9 #bdbebe #d3d3d3 #e9e9e9 #ffffff

Tones (toward gray)

#363737 #363737 #363737 #363737 #363737 #363737 #373737 #373737 #373737 #373737

Color harmonies

Complementary

Edit in generator →
#363737
#373636
#363737 #373636

Analogous

Edit in generator →
#363737
#363737
#363737
#363737 #363737 #363737

Triadic

Edit in generator →
#363737
#373637
#373736
#363737 #373637 #373736

Tetradic

Edit in generator →
#363737
#373637
#373636
#373736
#363737 #373637 #373636 #373736

Square

Edit in generator →
#363737
#373637
#373636
#373736
#363737 #373637 #373636 #373736

Split Complementary

Edit in generator →
#363737
#373637
#373736
#363737 #373637 #373736

Monochromatic

Edit in generator →
#0F0F0F
#181818
#363737
#545656
#737575
#0f0f0f #181818 #363737 #545656 #737575

Accessibility & contrast

11.94
#363737 on #FFFFFF
AA text AA large AAA text UI 3:1
1.76
#363737 on #000000
AA text AA large AAA text UI 3:1

Best text on dark grey

11.94
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#373737
Deuteranopia (green-blind)
#373737
Tritanopia (blue-blind)
#363737

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Onyx #3538391.25
Charcoal Grey #3C41423.76
Gunmetal #2A34395.14
Charcoal #36454F8.31
Dark #1B243110.05
Espresso #4B382A12.04

Colors that go with dark grey

Top matches by hue harmony, contrast and saturation compatibility.

Pale Blue #D0FEFE
11.0:1
Same hue family as dark grey (Δh 0°) — guaranteed harmony
Cloudy Blue #ACC2D9
6.5:1
Analogous hue (Δh ≈31°) — neighbors on the color wheel
Beige #F5F5DC
10.8:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Warm Beige #E9DCC9
8.8:1
Split-complementary angle (Δh ≈144°) — strong but softer than direct complement
Lightcoral #F08080
4.6:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.