Cod Gray

Meet Cod Gray, #1A1A19. This near-black shade offers a profound depth that sets it apart from true black. Its subtle softness provides a sophisticated foundation for any palette, creating a striking alternative for designers seeking a nuanced, dark neutral without the harshness of absolute black.

Cod Gray
#1A1A19
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Cod Gray?

Cod Gray is a profound, near-black charcoal. It carries subtle, earthy undertones, giving it a softer, more organic quality than a stark, absolute black.

Visually, it sits as a neutral to cool shade, possessing a quiet stability that comes from its extremely low saturation.

What is the meaning of the color Cod Gray (#1A1A19)?

Symbolizing strength and stability, Cod Gray communicates a quiet authority and timeless sophistication.

The color evokes a sense of grounding formality and mystery, lending substance and a classic elegance to a design.

How can I use Cod Gray in my UI design?

Cod Gray’s near-black quality makes it a strong foundation for high-contrast designs. You can pair it with vibrant accent colors for an energetic feel or with soft pastels for a more subdued, elegant interface. Its depth is excellent for primary text on light backgrounds or as a dominant background color, making brighter UI elements stand out.

Brands like Apple, Vercel, Superhuman, and MasterClass often use deep grays similar to #1A1A19 in their products. They apply these shades to text, dark mode themes, and key components to project a sense of focus and premium quality.

To see these principles in action, use the tools below to explore curated palettes, test color contrast for accessibility, and preview Cod Gray in real UI components from top brands.

Using Cod Gray color codes

To apply Cod Gray in your work, you'll typically start with its hexadecimal code, #1A1A19. This six-digit format is a web-standard shorthand for defining a specific color for digital use.

Different design tools and mediums require different color models. You can convert a hex code into RGB (Red, Green, Blue) for screen-based displays or CMYK (Cyan, Magenta, Yellow, Key/Black) for physical printing. Other models like HSL, LAB, and LCH offer alternative ways to define and manipulate color.

To make things easier, we've converted Cod Gray's #1A1A19 hex code into a variety of popular formats. You can find and copy these values for your own projects below.

Cod Gray Code Conversions

HEX
#1A1A19
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Cod Gray Color Harmonies

Analogous

Analogous colors are neighbors to Cod Gray on the color wheel. This color scheme creates a harmonious and serene visual experience for users.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Cod Gray, these hues create a striking, high-contrast visual effect.

#123456
#123456

Split Complementary

Split complementary colors for Cod Gray provide a nuanced alternative to a direct complement, using the two colors adjacent to its opposite on the wheel.

#123456
#123456
#123456

Triadic

A triadic scheme pairs Cod Gray with two other colors, all equally spaced on the color wheel, for a vibrant and high-contrast effect.

#123456
#123456
#123456

Tetradic

A tetradic color scheme for Cod Gray uses two pairs of complementary colors, forming a rich, four-color palette with built-in contrast.

#123456
#123456
#123456
#123456

Square

A square color scheme pairs Cod Gray with three other colors, all equidistant on the color wheel, for a palette that is bold and high-contrast.

#123456
#123456
#123456
#123456

Cod Gray Color Variations

Shades

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

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Mixing white with Cod Gray creates lighter tints, which introduce a softer feel.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Cod Gray are muted variations created by adding gray, which softens the saturation.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Cod Gray, differing in intensity or temperature to create distinct moods.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Cod Gray?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion