Gray Nickel

Introducing Gray Nickel, #CED0CF. This light, mineral gray stands out with its subtle complexity. It’s a shade that feels both grounded and airy, offering a refined alternative to typical neutrals for any design project.

What color is Gray Nickel?

What is the meaning of Gray Nickel?

How do I use Gray Nickel (#CED0CF) in UI design?

Using Gray Nickel color codes

Gray Nickel

#CED0CF

Access our full UI & UX library today.

What color is Gray Nickel?

What is the meaning of Gray Nickel?

How do I use Gray Nickel (#CED0CF) in UI design?

Using Gray Nickel color codes

Gray Nickel Code Conversions

HEX

#CED0CF

LAB

83, -1, 0

RGB

206, 208, 207

XYZ

59.3, 62.7, 68.0

HSL

150°, 2%, 81%

LCH

83, 1, 164°

HSB

150°, 1%, 82%

LUV

83, -1, 1

CMYK

1, 0, 0, 18

CMYK

1, 0, 0, 18

HWB

150°, 81%, 18%

Gray Nickel Color Harmonies

Analogous

Analogous colors are found next to Gray Nickel on the color wheel. This grouping creates a naturally harmonious and serene palette for your designs.

#CED0CE

#CED0CF

#CED0D0

#CED0CE

#CED0CF

#CED0D0

Complementary

Found directly across from each other on the color wheel, complementary colors produce a vibrant, high-contrast look when used alongside Gray Nickel.

#CED0CF

#D0CECF

#CED0CF

#D0CECF

Split Complementary

A split complementary scheme pairs Gray Nickel with the two colors sitting next to its direct complement, offering a vibrant yet balanced high-contrast palette.

#CED0CF

#D0CED0

#D0CECE

#CED0CF

#D0CED0

#D0CECE

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. When based on Gray Nickel, this creates a vibrant, balanced palette.

#CED0CF

#CFCED0

#D0CFCE

#CED0CF

#CFCED0

#D0CFCE

Tetradic

Tetradic schemes pair Gray Nickel with three other colors, forming two complementary sets for a rich, balanced palette that offers high contrast.

#CED0CF

#CECED0

#D0CECF

#D0D0CE

#CED0CF

#CECED0

#D0CECF

#D0D0CE

Square

Square color schemes pair four equidistant colors on the color wheel. With Gray Nickel, this method produces a balanced yet highly contrasting palette.

#CED0CF

#CECED0

#D0CECF

#D0D0CE

#CED0CF

#CECED0

#D0CECF

#D0D0CE

Gray Nickel Contrast Simulation

Text Color

#

Background Color

#

13.55

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

13.55

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Gray Nickel Color Variations

Shades

Shades are darker versions of Gray Nickel, made by adding black for a heavier, deeper feel.

#CED0CF

#B1B2B1

#939594

#767776

#585959

#3B3B3B

#1D1E1E

#000000

#CED0CF

#B1B2B1

#939594

#767776

#585959

#3B3B3B

#1D1E1E

#000000

Tints

Tints of Gray Nickel are lighter variations made by adding white to introduce a softer quality.

#CED0CF

#D5D7D6

#DCDDDD

#E3E4E4

#EAEBEA

#F1F2F1

#F8F8F8

#FFFFFF

#CED0CF

#D5D7D6

#DCDDDD

#E3E4E4

#EAEBEA

#F1F2F1

#F8F8F8

#FFFFFF

Tones

Tones are created by adding gray to Gray Nickel, resulting in softer, desaturated variations.

#CED0CF

#C3C5C4

#B8B9B8

#ADAEAD

#A1A2A2

#969797

#8B8B8B

#808080

#CED0CF

#C3C5C4

#B8B9B8

#ADAEAD

#A1A2A2

#969797

#8B8B8B

#808080

Hues

Hues are variations of Gray Nickel, differing in intensity or temperature to set different visual tones.

#CED0CF

#CED0D0

#CECED0

#D0CED0

#D0CECF

#D0CFCE

#D0D0CE

#CFD0CE

#CED0CF

#CED0D0

#CECED0

#D0CED0

#D0CECF

#D0CFCE

#D0D0CE

#CFD0CE

What Interfaces Use Colors Like Gray Nickel?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox