Explore Every Color

Pick, analyze, and validate colors for your next design project. WCAG compliant.

Color Values — click to copy

Shades & Tints

Generate variations to build a complete color scale

Steps

Shades

#333333

#2d2d2d

#282828

#222222

#1c1c1c

#171717

#111111

#0b0b0b

#060606

#000000

Tints

#333333

#4a4a4a

#606060

#777777

#8e8e8e

#a4a4a4

#bbbbbb

#d2d2d2

#e8e8e8

#ffffff

Psychology

Color Psychology & Usage

Understand the emotional impact and design potential of your selected color

Overview

Muted Dark Neutral Psychology

Neutral colors provide balance, sophistication, and timeless elegance. They create space for other elements to shine while maintaining visual harmony. These versatile tones anchor any design. This darker shade adds depth, sophistication, and a sense of mystery. The subdued saturation gives it a calm, professional, and timeless quality.

Applications

Best Use Cases

Luxury Brands
Minimalist Design
Professional Services
Background Elements

Feelings

Emotion Associations

BalanceSophisticationEleganceStabilityNeutralityCalm

Pro Tips

Design Tips

1Perfect for backgrounds
2Lets accent colors pop
3Creates clean, modern aesthetic

WCAG Compliance

Contrast Checker

Validate AA & AAA compliance for text and UI elements in real time

Foreground

Background

Ratio10.03:1Excellent

Aa — Small Text
For body copy & labels

Small Text

AAPassAAAPass

Aa — Large Text
Headings & titles

Large Text

AAPassAAAPass

UI Graphics

AAPassAAAPass