Grayish

Meet Grayish (#CFCAC7), a sophisticated neutral that subtly departs from true gray. Its defining characteristic is a delicate warmth, giving it an organic, earthy quality that feels both modern and timeless, making it a compelling choice for nuanced digital palettes.

What color is Grayish?

What is the meaning of Grayish?

How do I use Grayish (#CFCAC7) in UI design?

Using Grayish color codes

Grayish

#CFCAC7

Access our full UI & UX library today.

What color is Grayish?

What is the meaning of Grayish?

How do I use Grayish (#CFCAC7) in UI design?

Using Grayish color codes

Grayish Code Conversions

HEX

#CFCAC7

LAB

82, 1, 2

RGB

207, 202, 199

XYZ

57.2, 59.6, 62.5

HSL

22°, 8%, 80%

LCH

82, 2, 60°

HSB

22°, 4%, 81%

LUV

82, 3, 3

CMYK

0, 2, 4, 19

CMYK

0, 2, 4, 19

HWB

22°, 78%, 19%

Grayish Color Harmonies

Analogous

An analogous palette uses colors adjacent to Grayish on the color wheel. This combination produces a particularly harmonious and calming effect in design.

#CFC7C8

#CFCAC7

#CFCEC7

#CFC7C8

#CFCAC7

#CFCEC7

Complementary

Complementary colors are direct opposites on the color wheel. Paired with Grayish, they create a striking, high-contrast effect that makes both hues stand out.

#CFCAC7

#C7CCCF

#CFCAC7

#C7CCCF

Split Complementary

A split complementary scheme pairs Grayish (#CFCAC7) with the two colors adjacent to its complement, creating a high-contrast yet harmonious visual effect.

#CFCAC7

#C7CFCE

#C7C8CF

#CFCAC7

#C7CFCE

#C7C8CF

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. With Grayish as the base, this creates a vibrant, high-contrast palette.

#CFCAC7

#C7CFCA

#CAC7CF

#CFCAC7

#C7CFCA

#CAC7CF

Tetradic

A tetradic scheme uses four colors in a rectangular formation on the color wheel, giving Grayish two pairs of complementary partners for a vibrant palette.

#CFCAC7

#C8CFC7

#C7CCCF

#CEC7CF

#CFCAC7

#C8CFC7

#C7CCCF

#CEC7CF

Square

A square color scheme uses four colors equidistant on the color wheel, forming a vibrant palette with strong contrast, all balanced around the neutral Grayish.

#CFCAC7

#C8CFC7

#C7CCCF

#CEC7CF

#CFCAC7

#C8CFC7

#C7CCCF

#CEC7CF

Grayish Contrast Simulation

Text Color

#

Background Color

#

12.93

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.

12.93

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Grayish Color Variations

Shades

Shades of Grayish are created by adding black, giving the color more depth and weight.

#CFCAC7

#B1ADAB

#94908E

#767372

#595755

#3B3A39

#1E1D1C

#000000

#CFCAC7

#B1ADAB

#94908E

#767372

#595755

#3B3A39

#1E1D1C

#000000

Tints

Tints are lighter versions of Grayish, created by adding white for a softer look.

#CFCAC7

#D6D2CF

#DDD9D7

#E4E1DF

#EAE8E7

#F1F0EF

#F8F7F7

#FFFFFF

#CFCAC7

#D6D2CF

#DDD9D7

#E4E1DF

#EAE8E7

#F1F0EF

#F8F7F7

#FFFFFF

Tones

Adding gray to Grayish creates tones, resulting in softer, more muted versions of the color.

#CFCAC7

#C4BFBD

#B8B5B3

#ADAAA9

#A2A09E

#979594

#8B8B8A

#808080

#CFCAC7

#C4BFBD

#B8B5B3

#ADAAA9

#A2A09E

#979594

#8B8B8A

#808080

Hues

Hues are variations of Grayish that differ in intensity or temperature, creating distinct moods.

#CFCAC7

#CECFC7

#C8CFC7

#C7CFCC

#C7CCCF

#C8C7CF

#CEC7CF

#CFC7CA

#CFCAC7

#CECFC7

#C8CFC7

#C7CFCC

#C7CCCF

#C8C7CF

#CEC7CF

#CFC7CA

What Interfaces Use Colors Like Grayish?

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