Gray
Gray is a neutral and balanced color that offers sophistication, calmness, and versatility.
#808080
rgb(128, 128, 128)
Color Formats
Different formats of the color
HEX
#808080
RGB
rgb(128, 128, 128)
HSL
hsl(0, 0%, 50%)
Color Shades
Different shades of the color
Lightest
#d0d0d0
Lighter
#a8a8a8
Base
#808080
Darker
#585858
Darkest
#303030
Complementary
Complementary colors are colors that are opposite to each other on the color wheel.
Analogous
Analogous colors are colors that are next to each other on the color wheel.
Pick _ Swatches
Generate Palette
Generate beautiful color palettes instantly with harmonious color combinations.
Color Picker
Pick precise HEX/RGB/HSL colors instantly with live eyedropper preview.
Shade & Tint Generator
Generate 12-step lighter tints & darker shades from any base color.
Color Format Converter
Instant HEX ↔ RGB ↔ HSL ↔ CMYK ↔ CSS conversion for all web formats.
Random Color Generator
Generate unlimited random HEX/RGB colors for design inspiration.
Complementary Color Finder
Find perfect 180° opposite colors via interactive color wheel.
Relevant _ Article
Guide to WCAG Color Contrast for Accessible Design
Imagine landing on a website where the light gray text sits on a white background. You squint, tilt your screen, and still struggle to read it. Now imagine that experience for someone with a visual impairment — or an aging user in bright sunlight on a mobile screen. This is not a hypothetical.
10 Color Tools Every Web Designer Needs in 2026 And Why One Platform Has Them All
Discover the 10 essential color tools professional web designers use daily — from palette generators to WCAG contrast checkers. See how Coloraccy replaces them all in one free platform.
Best Free Color Palette Generator for Web Designers in 2026 — Why Coloraccy Is the Smarter Choice
If you have spent any time designing websites, mobile apps, or brand identities, you already know how much time disappears into color decisions. Should this button be #3B82F6 or a shade darker? Does your background-text contrast actually pass WCAG AA? Does your palette feel cohesive or just accidental? These are not small questions — they are the difference between a product that feels polished and one that looks like it was assembled in a hurry.
How to Choose Brand Colors That Actually Work (Complete Guide)
Most brand color decisions are made backwards. A founder picks a color they like, a designer builds around it, and six months later the brand feels slightly off — not wrong enough to fix, but not quite right either. The colors work in isolation and fall apart in application.
Observe _ Spectrum
Stone Gray
Tap to explore details
Slate Gray
Tap to explore details
Cool Gray
Tap to explore details
Warm Gray
Tap to explore details
Smoke Gray
Tap to explore details
Ash Gray
Tap to explore details
Graphite Gray
Tap to explore details
Charcoal Gray
Tap to explore details
Blue Gray
Tap to explore details
Green Gray
Tap to explore details