What is the color code for yellow 500?
The color code for Yellow 500 in the Material Design palette is #FFEB3B. In CSS and design tooling, you can also reference it as rgb(255, 235, 59) or hsl(54, 100%, 61%).
What Yellow 500 represents in Material Design
Material Design organizes colors on a numbered scale from 50 to 900. The 500 shade is the mid-point in the Yellow family, chosen for its bright, attention-grabbing quality while remaining legible on most backgrounds when used with appropriate contrast.
Common representations
Color values can be written in several formats. Here are the most common ones used by developers and designers when implementing Yellow 500.
- Hex: #FFEB3B
- RGB: rgb(255, 235, 59)
- HSL: hsl(54, 100%, 61%)
These formats all refer to the same color; hex is widely used in CSS files, while RGB and HSL are handy in design tools and dynamic styling.
The Yellow scale in Material Design
Beyond the 500 shade, the Yellow family in Material Design spans a spectrum from very light to very dark. Understanding where 500 sits helps designers select harmonious combinations and ensure legibility across backgrounds.
Here is a quick overview of the Yellow scale used in Material Design, showing the typical hex values associated with each step. This helps teams maintain consistency when building palettes for apps and websites.
- 50: #FFFDE7
- 100: #FFF9C4
- 200: #FFF176
- 300: #FFD54F
- 400: #FFCA28
- 500: #FFEB3B
- 600: #FDD835
- 700: #FBC02D
- 800: #F9A825
- 900: #F57F17
The list above shows the standard progression of Yellow in Material Design, illustrating how 500 fits between lighter and deeper tones.
Accessibility and best practices
When using Yellow 500 in user interfaces, designers must consider readability and contrast. The WCAG guidelines recommend a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text against its background. For action buttons and highlights, pairing Yellow 500 with dark text or a high-contrast surface improves legibility and accessibility.
In practice, Yellow 500 shines best as an accent or call-to-action color on neutral or dark surfaces, while body text should remain in high-contrast colors such as near-black or white, depending on the background.
Summary
Yellow 500, hex #FFEB3B (rgb 255,235,59; hsl 54, 100%, 61%), is the mid-range shade in Material Design's Yellow scale. It serves as a bright accent color and is commonly used in web and app interfaces with attention to contrast and accessibility. The color exists in a broader palette from 50 to 900, allowing designers to build cohesive schemes across light and dark themes.
What color is 500?
Spectral colors
| sRGB rendering of the spectrum of visible light | ||
|---|---|---|
| Color | Wavelength (nm) | Photon energy (eV) |
| cyan | 485–500 | 2.48–2.56 |
| green | 500–565 | 2.19–2.48 |
| yellow | 565–590 | 2.10–2.19 |
What color code is #ffffff?
The #ffffff color code represents the color white. It is the hexadecimal value for white, which can also be expressed in other color models like RGB as (255, 255, 255).
- Hexadecimal: #FFFFFF or #FFF
- RGB: rgb(255, 255, 255)
- HSL: hsl(0, 0%, 100%)
- CMYK: 0, 0, 0, 0
What is the color code for a 500 ohm resistor?
A 500 ohm resistor's color code is green-black-brown-gold for a common 4-band resistor with a ±5% tolerance. The colors correspond to the digits: green (5), black (0), brown (x10¹ or x10), and gold (±5% tolerance).
4-band resistor
- 1st band (Green): First digit is 5
- 2nd band (Black): Second digit is 0
- 3rd band (Brown): Multiplier is x10¹ (which is 10)
- 4th band (Gold): Tolerance is ±5%
How to read it
- Combine the first two digits: 5 and 0 become 50.
- Apply the multiplier: Multiply 50 by 10 (the value of the brown band) to get 500 ohms.
- Confirm the tolerance: The final gold band signifies the ±5% tolerance.
What color is #FF000000?
The alpha value is represented as a two-digit hex pair, with 00 indicating full transparency and FF indicating full opacity. For example, #FF0000FF represents opaque red, while #FF000000 represents fully transparent red.
