Google Yellow colour (#FBBC05)

Google Yellow is medium a yellow with hex code #FBBC05, the primary brand colour as commonly published in the brand’s guidelines. In RGB it is 251, 188, 5; in HSL 45°, 97%, 50%. Use the tool to explore shades and harmonies.

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

How to use the Google Yellow 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 Yellow in every format

FormatValue
HEX#FBBC05
RGBrgb(251, 188, 5)
RGB (0–1)0.984, 0.737, 0.020
HSLhsl(45, 97%, 50%)
CMYK (approx.)0%, 25%, 98%, 2%

Shades and tints of Google Yellow

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

#fef2cd #fde59b #fdd868 #fcca36 #fbbd04 #c99703 #977202 #644c02 #322601

Colours that go with Google Yellow

HarmonyColours
Complementary #0442fb
Triadic #04fbbd #bd04fb
Analogous #bdfb04 #fb4204

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
orange #ffa500very close
gold #ffd700very close
darkorange #ff8c00close
goldenrod #daa520close
yellow #ffff00close

Accessibility

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

#FBBC05.

What is Google Yellow in RGB?

rgb(251, 188, 5).

What colour is complementary to Google Yellow?

#0442fb, 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.