#6C5E53 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Kabul is a muted, dusty brown with strong grey undertones. It carries a heavy, serious presence that feels grounded rather than bright. Because white text maintains a strong 6.2:1 contrast ratio against it, the hex code #6c5e53 works effectively as a dark mode background or a base layer in moody branding. Avoid using it as a main highlight, as the low chroma can quickly make layouts feel muddy.
About Kabul
Ash settled on an old leather satchel
What does kabul mean?
Kabul is a greyed brown, so it often calls up soil, driftwood, coffee grounds, and materials that have been weathered by use. Its low lightness and muted saturation give it a heavy, matte stillness, closer to shade on a dusty wall than to bright wood.
Where you see kabul
- wet tree bark
- coffee grounds
- worn suede boots
- mushroom caps
- driftwood
- a folded paper bag
What it works for
Use it as a warm dark neutral for backgrounds, packaging, or interiors that need weight without the harshness of black.
What colors go with kabul?
Sage #9caf88The grey-green shares Kabul's muted character, so the pairing reads soft and natural instead of busy.Blush #de5d83A quiet pink lifts the darkness of Kabul and keeps the combination gentle rather than stark.Cream #fffdd0Cream sits far enough in lightness to separate from Kabul while staying in the same warm, dusty family.Denim #2243b6The cool blue offsets Kabul's warmth, giving the pair a used, everyday feel like workwear.
Questions about Kabul
What is the hex code for Kabul?
Kabul is #6c5e53. In RGB that is rgb(108, 94, 83), in HSL hsl(26, 13%, 37%) and in CMYK 0%, 13%, 23%, 58%.
How should I use #6c5e53 in website design?
Kabul works best as a dark, grounded background color rather than a primary highlight. Because it offers a solid 6.2:1 contrast ratio against white text, it serves as an excellent, readable alternative to pure black or dark charcoal for modern interface designs.
Is Kabul readable on white or black?
Kabul has a 6.24:1 contrast ratio on white and 3.36:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.