Skip to content

Khaki Color Code

Explore Khaki (#F0E68C) with complete color code values, format conversions and color variations. Find the best color combinations and contrast. The color is part of the orange family.

F0E68C
Preview
Color name: Khaki
Resolved from canonical data
Current value
#f0e68c

Formats

The same color in different formats:

Foreground preview
WCAG contrast checker and foreground picker
Best auto foreground
Best contrast with dark
#0f172a
Auto-selects the strongest contrast against the current background.
Readable text preview
The quick brown fox jumps over the lazy dog.
Button preview
Contrast ratio
13.94
Excellent accessibility
Element AA AAA
Small text Pass Pass
Large text Pass —
UI elements / graphics Pass N/A
AA for normal text is typically 4.5:1, AA for large text 3:1, AAA for normal text 7:1, and non-text UI elements typically 3:1.

Color Conversion

Same color in multiple code formats.

Export formats

Ready-to-copy snippets for developers, apps, frameworks, and design systems.

#F0E68C
CSS variable
Tokens
JSON token
Tokens
Tailwind config
Tokens
SCSS variable
Tokens
JavaScript
Frontend
TypeScript
Frontend
Inline style
Frontend
CSS class
Frontend
Android XML
Mobile
SwiftUI
Mobile
Swift UIColor
Mobile
Kotlin
Mobile
Flutter
Mobile
React Native
Mobile
SVG fill
Graphics
SVG stroke
Graphics

Color Variations

tint / shade
Tint
Lightened version
#f4edac
Shade
Darkened version
#b6af6a
Tone
Muted version
#d7d089
Monochrome
Single-hue family
#e5d43b

Related content

auto-linked
Tags
Styles
Use cases
Palettes
Similar colors

Meaning / Aesthetic / Framework

content ready
Meaning
Aesthetic
Framework