Warm Rustic Amber Earth
Category: Brown
Light Brown (#B5651D) — Color Codes, Meaning & UI Palettes
Light Brown is a warm, woody neutral with amber and copper undertones. Conveying reliability, craftsmanship, comfort, and heritage, it provides warmth without the visual heaviness of dark umber or black.
Click to Copy HEX
Light Brown
#B5651D
HEX
#B5651D
RGB
rgb(181, 101, 29)
HSL
hsl(28deg, 72%, 41%)
CMYK (Print)
cmyk(0%, 44%, 84%, 29%)
Apple Display P3
color(display-p3 0.710 0.396 0.114)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
4.34:1 (AA Large)
Black Text (#000000)
4.84:1 (AA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FBF6F1
100
#F3E6DB
200
#E7CEB7
300
#D9AF89
400
#C78A53
500
#B5651D
600
#915117
700
#6D3D11
800
#48280C
900
#281606
950
#160C03
Color Harmonies & Palette Schemes
Complementary
#1D6EB4
Opposite 180° Contrast
Analogous -30°
#B41D22
Natural Harmony
Analogous +30°
#B4AF1D
Natural Harmony
Triadic +120°
#1DB464
120° Balanced Triad
Triadic +240°
#641DB4
120° Balanced Triad
Curated UI Design Pairings for Light Brown
Use for vintage or craft-oriented brands, luxury leather goods, coffee roasters, and grounding UI dividers against beige and off-white backgrounds.
Warm Sand
#E5D3B3
Soft Surface
Forest Pine
#1B4332
Organic Contrast
Dark Chocolate
#3E2723
Deep Text Anchor
Golden Honey
#F59E0B
Warm Accent
Export Light Brown Code Snippets
CSS Variable
--color-light-brown: #B5651D;
Tailwind Config
'light-brown': '#B5651D'
Swift / SwiftUI
Color(hex: "#B5651D")
JSON Design Token
{"name": "Light Brown", "hex": "#B5651D"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.