Color: Hex Code #CCCC00
Name: Mustard Tone
Search Colors
Description
Conveys optimism, clarity, and happiness; enhances visibility and draws attention.
RGB:
204,204,0
HSL:
60,100%,40%
Luminance
0.5602
Contrast Vs White
1.72 WCAG: Fail · 1.72:1
Contrast Vs Black
12.2
Best Color For Text
black
Psychology Of #CCCC00
Color Emotion
Happiness, Optimism, Cheerfulness, Hope, Clarity, Energy
Effect description
Stimulates mental activity and generates energy. Captures attention immediately.
Color Personality
Cheerful, Optimistic, Logical, Confident, Original, Youthful
Best uses Cases
- Attention-grabbing elements
- Children's products
- Clearance and discount signage
- Caution and warning signs
- Fast food and quick service
- Summer and sunshine themes
Avoid cases
- Large backgrounds (causes eye strain)
- Text on white backgrounds
- Luxury or sophisticated brands
- Serious professional contexts
Famous brands
Brands that use a similar color:
McDonald's, IKEA, Best Buy, Subway, Snapchat, CAT
McDonald's, IKEA, Best Buy, Subway, Snapchat, CAT
Industry guidance
Notification highlights, warnings, updates
Example Buttons
Example Cards
Cards & Containers
Default Card
This is a standard card with subtle borders and clean styling.
Accent Card
Card with colored icon and light background using your primary color.
Hover Effect Card
Hover over this card to see the colored shadow effect.
Top Border Card
Card with a thick colored border at the top for visual emphasis.
Image
Image Card
Card with gradient image placeholder using your color.
New
Badge Card
Card with colored badge for status or labels.
Modern Website Color Palette
