Light Khaki

Meet Light Khaki (#F0E68C), a soft, earthy neutral with a surprising twist. Its gentle warmth and subtle yellow undertone give it a unique character, setting it apart from typical beiges and creams. This color offers a quiet sophistication for modern digital interfaces.

What color is Light Khaki?

What is the meaning of Light Khaki?

How do I use Light Khaki (#F0E68C) in UI design?

Using Light Khaki color codes

Light Khaki

#F0E68C

Access our full UI & UX library today.

What color is Light Khaki?

What is the meaning of Light Khaki?

How do I use Light Khaki (#F0E68C) in UI design?

Using Light Khaki color codes

Light Khaki Code Conversions

HEX

#F0E68C

LAB

90, -9, 45

RGB

240, 230, 140

XYZ

69.0, 77.0, 36.0

HSL

54°, 77%, 75%

LCH

90, 46, 101°

HSB

54°, 42%, 94%

LUV

90, 11, 61

CMYK

0, 4, 42, 6

CMYK

0, 4, 42, 6

HWB

54°, 55%, 6%

Light Khaki Color Harmonies

Analogous

Analogous colors sit side-by-side on the color wheel. Paired with Light Khaki, they produce a pleasing, low-contrast, and tranquil visual experience.

#F0B48C

#F0E68C

#C8F08C

#F0B48C

#F0E68C

#C8F08C

Complementary

Complementary colors sit directly opposite each other on the color wheel, creating a high-contrast, vibrant look when paired with Light Khaki.

#F0E68C

#8C96F0

#F0E68C

#8C96F0

Split Complementary

A split complementary scheme for Light Khaki uses the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast palette.

#F0E68C

#8CC8F0

#B48CF0

#F0E68C

#8CC8F0

#B48CF0

Triadic

A triadic scheme for Light Khaki involves two other colors, all equally spaced on the color wheel, creating a vibrant and high-contrast palette.

#F0E68C

#8CF0E6

#E68CF0

#F0E68C

#8CF0E6

#E68CF0

Tetradic

A tetradic color scheme for Light Khaki uses two pairs of complementary colors, forming a rectangle on the color wheel for a rich palette.

#F0E68C

#8CF0B4

#8C96F0

#F08CC8

#F0E68C

#8CF0B4

#8C96F0

#F08CC8

Square

The square color scheme pairs Light Khaki with three other equidistant colors on the color wheel, offering a balanced yet highly contrasting combination.

#F0E68C

#8CF0B4

#8C96F0

#F08CC8

#F0E68C

#8CF0B4

#8C96F0

#F08CC8

Light Khaki Contrast Simulation

Text Color

#

Background Color

#

16.40

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.

16.40

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Light Khaki Color Variations

Shades

By adding black to Light Khaki, you create shades that introduce depth and weight.

#F0E68C

#CEC578

#ABA464

#898350

#67633C

#454228

#222114

#000000

#F0E68C

#CEC578

#ABA464

#898350

#67633C

#454228

#222114

#000000

Tints

Tints are lighter versions of Light Khaki, created by adding white for a softer feel.

#F0E68C

#F2EA9C

#F4EDAD

#F6F1BD

#F9F4CE

#FBF8DE

#FDFBEF

#FFFFFF

#F0E68C

#F2EA9C

#F4EDAD

#F6F1BD

#F9F4CE

#FBF8DE

#FDFBEF

#FFFFFF

Tones

Tones of Light Khaki are created by adding gray, resulting in softer, desaturated variations.

#F0E68C

#E0D78A

#D0C989

#C0BA87

#B0AC85

#A09D83

#908F82

#808080

#F0E68C

#E0D78A

#D0C989

#C0BA87

#B0AC85

#A09D83

#908F82

#808080

Hues

Hues are variations of Light Khaki, differing in intensity and temperature to create distinct moods.

#F0E68C

#AFF08C

#8CF0B4

#8CE1F0

#8C96F0

#CD8CF0

#F08CC8

#F09B8C

#F0E68C

#AFF08C

#8CF0B4

#8CE1F0

#8C96F0

#CD8CF0

#F08CC8

#F09B8C

What Interfaces Use Colors Like Light Khaki?

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