Color Shade Maker

A color shade maker helps you create darker tones of a color for stronger depth and contrast.

Shades & Tints Configuration

Configure shades and tints of a color.

HEX

#4aa9a4

RGB

74, 169, 164

HSL

180°, 50%, 50%

Color Format

Steps10

Lightness (%)

Saturation (%)

Linear Shades

Evenly spaced shades from dark to light — Basic gradients and systematic color scales

#122120

WCAG 6.310.0% L

#20413F

WCAG 5.518.9% L

#2B6260

WCAG 7.827.8% L

#358682

WCAG 10.136.7% L

#3DACA6

WCAG 12.645.6% L

#4EC7C1

WCAG 14.654.4% L

#6DD6D1

WCAG 16.063.3% L

#8DE3DF

WCAG 17.372.2% L

#AFEEEB

WCAG 18.681.1% L

#D4F7F6

WCAG 19.890.0% L

Monochrome Shades

Pure black/white to base color — Minimalist and high-contrast designs

#000000

WCAG 21.00.0% L

#1C1C1C

WCAG 6.611.1% L

#393939

WCAG 5.522.2% L

#555555

WCAG 7.733.3% L

#717171

WCAG 9.944.4% L

#8E8E8E

WCAG 12.155.6% L

#AAAAAA

WCAG 14.366.7% L

#C6C6C6

WCAG 16.577.8% L

#E3E3E3

WCAG 18.888.9% L

#FFFFFF

WCAG 21.0100.0% L

Analogous Shades

Colors adjacent on color wheel — Harmonious color schemes

#231910

WCAG 6.810.0% L

#43411D

WCAG 5.918.9% L

#4A622B

WCAG 8.027.8% L

#3D8239

WCAG 9.636.7% L

#47A170

WCAG 11.845.6% L

#5EB8B4

WCAG 13.954.4% L

#7DA5C6

WCAG 13.563.3% L

#9D9FD4

WCAG 13.772.2% L

#CDBCE2

WCAG 16.281.1% L

#EEDCEF

WCAG 18.790.0% L

Complementary Shades

Base color with its complement — Dynamic and vibrant combinations

#102322

WCAG 6.110.0% L

#1D4341

WCAG 5.618.9% L

#2B6260

WCAG 7.827.8% L

#39827E

WCAG 10.036.7% L

#47A19D

WCAG 12.145.6% L

#B85E62

WCAG 9.954.4% L

#C67D81

WCAG 12.063.3% L

#D49D9F

WCAG 14.272.2% L

#E2BCBE

WCAG 16.481.1% L

#EFDCDD

WCAG 18.690.0% L

Triadic Shades

Three equally spaced colors — Colorful and balanced designs

#102322

WCAG 6.110.0% L

#1D4341

WCAG 5.618.9% L

#2B6260

WCAG 7.827.8% L

#39827E

WCAG 10.036.7% L

#9D47A1

WCAG 8.545.6% L

#B45EB8

WCAG 10.354.4% L

#C27DC6

WCAG 12.463.3% L

#D4D19D

WCAG 17.172.2% L

#E2E0BC

WCAG 18.481.1% L

#EFEEDC

WCAG 19.690.0% L

Neutral Shades

Low saturation, balanced grays — Backgrounds and borders

#161D1D

WCAG 6.710.0% L

#293737

WCAG 5.118.9% L

#3C5150

WCAG 7.027.8% L

#4F6C6A

WCAG 9.036.7% L

#638684

WCAG 10.945.6% L

#799C9B

WCAG 12.654.4% L

#93B0AE

WCAG 14.363.3% L

#AEC3C2

WCAG 15.972.2% L

#C8D6D5

WCAG 17.581.1% L

#E2E9E9

WCAG 19.290.0% L

Muted Shades

Subdued with medium-low saturation — Sophisticated and understated themes

#415857

WCAG 7.530.0% L

#4A6664

WCAG 8.534.4% L

#547371

WCAG 9.538.9% L

#5D807E

WCAG 10.443.3% L

#678D8B

WCAG 11.447.8% L

#729896

WCAG 12.352.2% L

#7FA2A0

WCAG 13.156.7% L

#8CABAA

WCAG 13.961.1% L

#99B5B3

WCAG 14.765.6% L

#A7BEBD

WCAG 15.570.0% L

Vibrant Shades

High saturation and contrast — Accents and attention-grabbing elements

#20ACA5

WCAG 12.140.0% L

#1FB8B1

WCAG 12.842.2% L

#1EC5BC

WCAG 13.644.4% L

#1DD1C8

WCAG 14.346.7% L

#1CDED4

WCAG 15.148.9% L

#1EE6DC

WCAG 15.651.1% L

#26EAE0

WCAG 16.053.3% L

#2EEDE4

WCAG 16.455.6% L

#36F1E7

WCAG 16.757.8% L

#3EF4EB

WCAG 17.160.0% L

Soft Shades

Medium saturation with high lightness — Pastel and gentle themes

#81B1AE

WCAG 14.160.0% L

#8CB7B5

WCAG 14.663.3% L

#96BEBC

WCAG 15.266.7% L

#A1C4C3

WCAG 15.870.0% L

#ABCBC9

WCAG 16.473.3% L

#B6D1D0

WCAG 16.976.7% L

#C0D8D7

WCAG 17.580.0% L

#CBDEDD

WCAG 18.183.3% L

#D5E5E4

WCAG 18.786.7% L

#E0EBEB

WCAG 19.290.0% L

Warm Shades

Colors shifted towards warm hues — Inviting and energetic designs

#0D2126

WCAG 6.410.0% L

#193E48

WCAG 5.318.9% L

#245C6A

WCAG 7.427.8% L

#30798B

WCAG 9.436.7% L

#3B96AD

WCAG 11.445.6% L

#52ADC4

WCAG 13.254.4% L

#74BDCF

WCAG 14.763.3% L

#95CDDB

WCAG 16.272.2% L

#B7DDE6

WCAG 17.881.1% L

#D9EDF2

WCAG 19.390.0% L

Total Colors

100

Average Lightness

53%

WCAG Average

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.

Why Color Accuracy Starts With the Right Tool

Colors are one of the strongest elements used in design. Regardless of whether you are working on branding, web design, developing an application interface, or creating a marketing campaign, colors will be an important part that defines the experience of your clients. But despite being crucial for design, colors pose one very important problem for many designers, be they amateurs or professionals.

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.

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.

Tap to explore details