CSS color

khaki

#f0e68c

hex#f0e68c

rgbrgb(240, 230, 140)

hslhsl(54, 77%, 75%)

oklchoklch(0.913 0.112 102.8)

Relative luminance 0.7701

Warm Vivid Light Playful Bold Friendly Clean

Open in palette tool Check contrast

Khaki on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the curated palettes it appears in and any public brand that adopts it.

Tints & shades

Tints — toward white

f2e897 f3eba5 f4edae f6efb7 f7f2c4 f9f4cd faf6d6 fbf8df fdfbed fefdf6

Shades — toward black

ece06f e8d94f e4d22f d4c21c b5a517 908413 71670f 514a0b 322d06 121002

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

f0e68c 8e98f0

#8e98f0

Analogous

Open in tool →

f0e68c f0b58e c9f08e

#f0b58e · #c9f08e

Triadic

Open in tool →

f0e68c 8ef0e7 e78ef0

#8ef0e7 · #e78ef0

Split-complementary

Open in tool →

f0e68c 8ec9f0 b58ef0

#8ec9f0 · #b58ef0

Tetradic

Open in tool →

f0e68c 8ef0b5 8e98f0 f08ec9

#8ef0b5 · #8e98f0 · #f08ec9

Contrast

khaki as text	Ratio	AA	AA large	AAA	Fix
Aaon white	1.28:1	fail	fail	fail	AA: use #837811 as the text (4.51:1) AAA: use #5f570c as the text (7.36:1) AA: or shift the background to #636363 (4.69:1) AAA: or shift the background to #474747 (7.26:1)
Aaon black	16.4:1	pass	pass	pass	Passes AAA — no fix needed.

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with khaki as the background.

Brands using this color

No public brand in the corpus uses this exact color yet. Extract a brand to add one.

Fonts for this mood

khaki reads as warm, vivid, light. The font library is tagged with the same vocabulary:

Warm fonts →Playful fonts →Bold fonts →Friendly fonts →Clean fonts →

mcpConnect your agent — build around khaki

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #f0e68c and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/f0e68c-bebea2-4ea2df-292d1f-f1ede9?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md