Base color

Shades of LavenderGray

#C4C3D0 · rgb(196, 195, 208) · hsl(245, 12%, 79%)

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.

Tones

Tones mix the color with gray — muted versions that are easier on the eye in large areas.

Explore LavenderGray in Depth Open the shade generator

The LavenderGray 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

LavenderGray (#C4C3D0) has 9 shades mixed toward black, 9 tints mixed toward white and 9 tones mixed toward gray — all listed above with hex codes.

Must-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.

Color PickerPick, fine-tune and copy any color in HEX, RGB or HSL.Color LibraryBrowse hundreds of named colors with harmonies and palettes.Hex to RGBBreak any hex code into its RGB and HSL values.