Spotify Green colour (#1DB954)

Spotify Green is medium a green with hex code #1DB954, the primary brand colour as commonly published in the brand’s guidelines. In RGB it is 29, 185, 84; in HSL 141°, 73%, 42%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Spotify Green colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Spotify Green in every format

FormatValue
HEX#1DB954
RGBrgb(29, 185, 84)
RGB (0–1)0.114, 0.725, 0.329
HSLhsl(141, 73%, 42%)
CMYK (approx.)84%, 0%, 55%, 27%

Shades and tints of Spotify Green

Same hue and saturation, lightness from 90% to 10%:

#d3f8e0 #a7f1c1 #7beaa2 #4fe383 #22dd64 #1cb050 #15843c #0e5828 #072c14

Colours that go with Spotify Green

HarmonyColours
Complementary #b91d83
Triadic #541db9 #b9541d
Analogous #1db9a2 #34b91d

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
mediumseagreen #3cb371close
limegreen #32cd32close
seagreen #2e8b57close
forestgreen #228b22close
darkcyan #008b8bclose

Accessibility

Contrast ratio of Spotify Green against white is 2.59:1 (fails WCAG AA for normal text) and against black 8.12:1 (passes). Use black or very dark text on a Spotify Green background rather than white.

Brand colours are the commonly published primary values and may be updated by the brand; check the official brand guidelines before print use. Trademarks belong to their owners.

Frequently asked questions

What is the hex code for Spotify Green?

#1DB954.

What is Spotify Green in RGB?

rgb(29, 185, 84).

What colour is complementary to Spotify Green?

#b91d83, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.