Google Green colour (#34A853)

Google Green is medium a green with hex code #34A853, the primary brand colour as commonly published in the brand’s guidelines. In RGB it is 52, 168, 83; in HSL 136°, 53%, 43%. Use the tool to explore shades and harmonies.

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

How to use the Google 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.

Google Green in every format

FormatValue
HEX#34A853
RGBrgb(52, 168, 83)
RGB (0–1)0.204, 0.659, 0.325
HSLhsl(136, 53%, 43%)
CMYK (approx.)69%, 0%, 51%, 34%

Shades and tints of Google Green

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

#d8f3df #b1e7bf #8adba0 #63cf80 #3cc360 #309c4d #24753a #184e26 #0c2713

Colours that go with Google Green

HarmonyColours
Complementary #a83489
Triadic #5334a8 #a85334
Analogous #34a88d #4fa834

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
seagreen #2e8b57very close
mediumseagreen #3cb371close
limegreen #32cd32close
forestgreen #228b22close
olivedrab #6b8e23close

Accessibility

Contrast ratio of Google Green against white is 3.06:1 (fails WCAG AA for normal text) and against black 6.87:1 (passes). Use black or very dark text on a Google 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 Google Green?

#34A853.

What is Google Green in RGB?

rgb(52, 168, 83).

What colour is complementary to Google Green?

#a83489, 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.