Cultured

Meet Cultured (#F4F4F4), a sophisticated off-white that provides a clean, quiet foundation for any design palette. Its near-white quality offers a subtle warmth, making it a versatile alternative to stark white for creating refined digital interfaces and letting other colors stand out.

What color is Cultured?

What is the meaning of Cultured?

How do I use Cultured (#F4F4F4) in UI design?

Using Cultured color codes

Cultured

#F4F4F4

Access our full UI & UX library today.

What color is Cultured?

What is the meaning of Cultured?

How do I use Cultured (#F4F4F4) in UI design?

Using Cultured color codes

Cultured Code Conversions

HEX

#F4F4F4

LAB

96, 0, 0

RGB

244, 244, 244

XYZ

86.0, 90.5, 98.5

HSL

0°, 0%, 96%

LCH

96, 0, 158°

HSB

0°, 0%, 96%

LUV

96, 0, 0

CMYK

0, 0, 0, 4

CMYK

0, 0, 0, 4

HWB

0°, 96%, 4%

Cultured Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. When paired with Cultured (#F4F4F4), they create a harmonious and tranquil visual experience.

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

Complementary

Complementary colors are opposites on the color wheel. Pairing them creates a vivid, high-contrast combination that brings a sense of energy to a palette.

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

Split Complementary

A split complementary scheme for Cultured pairs it with the two colors adjacent to its direct opposite, offering high contrast with more nuance.

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

Triadic

Triadic palettes are formed by three colors creating a triangle on the color wheel. With Cultured as a starting point, this offers a vibrant, high-contrast combination.

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

Tetradic

A tetradic scheme for Cultured involves four colors total. It is built from two pairs of complementary colors, forming a rectangle on the color wheel.

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

Square

A square color scheme pairs Cultured (#F4F4F4) with three other colors, all equidistant on the color wheel, for a vibrant, high-contrast palette.

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

Cultured Contrast Simulation

Text Color

#

Background Color

#

19.09

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.

19.09

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Cultured Color Variations

Shades

Adding black to Cultured creates darker shades, giving your design more depth and visual weight.

#F4F4F4

#D1D1D1

#AEAEAE

#8B8B8B

#696969

#464646

#232323

#000000

#F4F4F4

#D1D1D1

#AEAEAE

#8B8B8B

#696969

#464646

#232323

#000000

Tints

Tints are lighter versions of Cultured, created by adding white for a softer effect.

#F4F4F4

#F6F6F6

#F7F7F7

#F9F9F9

#FAFAFA

#FCFCFC

#FDFDFD

#FFFFFF

#F4F4F4

#F6F6F6

#F7F7F7

#F9F9F9

#FAFAFA

#FCFCFC

#FDFDFD

#FFFFFF

Tones

Adding gray to Cultured creates tones, which produce a more muted and subtle visual effect.

#F4F4F4

#E3E3E3

#D3D3D3

#C2C2C2

#B2B2B2

#A1A1A1

#919191

#808080

#F4F4F4

#E3E3E3

#D3D3D3

#C2C2C2

#B2B2B2

#A1A1A1

#919191

#808080

Hues

Hues are variations of Cultured (#F4F4F4) that alter its intensity or temperature for different effects.

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

#F4F4F4

What Interfaces Use Colors Like Cultured?

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