Shades of ArylideYellow
#E9D66B · rgb(233, 214, 107) · hsl(51, 74%, 67%)
Lightness scale
The color stepped from near-white to near-black at a fixed saturation.
Tints
Tints mix the color with white — lighter, softer versions for backgrounds and fills.
Shades
Shades mix the color with black — deeper versions for text, borders and emphasis.
The ArylideYellow scale walks from pale tints to deep shades while keeping the same hue. Use the light end for backgrounds, the middle for accents and the dark end for text and borders.
Frequently asked questions
ArylideYellow (#E9D66B) has 9 shades mixed toward black, 9 tints mixed toward white and 9 tones mixed toward gray — all listed above with hex codes.
Good to know facts
- Every swatch copies to your clipboard with one click.
- Scales like this are ideal for buttons, text, borders and hover states in UI design.
Related tools
These color tools pair naturally with the one you just used — keep exploring.
From the blog
Guides that go deeper into what this tool does.
Tint vs. Shade vs. Tone: What's the Actual Difference?
Tint (+white), shade (+black), and tone (+gray) explained clearly — with a real hex example, CSS code, and where each one actually belongs in design.
Rainbow Color Codes: Hex and RGB for Every Shade of the Spectrum
The real hex and RGB codes for all 7 ROYGBIV rainbow colors, why there's no single "official" rainbow, and CSS code to build your own rainbow gradient.
Spotify Green: The Exact Hex Code and How to Use It
Spotify green is #1DB954 — but the logo uses a different shade. The exact hex, RGB, and contrast data, plus how to use it without breaking accessibility.