← Back to Editor

#40391F · #B3BA6D · #FFFEFF · #C8C0B5 · #757E63

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#40391F

Ochre · DarkSlateGray · Amber Gold

HEX
#40391F
RGB
rgb(64, 57, 31)
HSL
hsl(47, 35%, 19%)
HSB
hsb(47, 52%, 25%)
CMYK
cmyk(0%, 11%, 52%, 75%)
Oklch
oklch(34.5% 0.042 94.8)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#B3BA6D

Autumn Sage · Tan · Sunflower

HEX
#B3BA6D
RGB
rgb(179, 186, 109)
HSL
hsl(65, 36%, 58%)
HSB
hsb(65, 41%, 73%)
CMYK
cmyk(4%, 0%, 41%, 27%)
Oklch
oklch(76.6% 0.101 113.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FFFEFF

Mauve · White · Lavender

HEX
#FFFEFF
RGB
rgb(255, 254, 255)
HSL
hsl(300, 100%, 100%)
HSB
hsb(300, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(99.8% 0.002 325.6)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#C8C0B5

Goose Yellow · Silver · Warm Sun

HEX
#C8C0B5
RGB
rgb(200, 192, 181)
HSL
hsl(35, 15%, 75%)
HSB
hsb(35, 9%, 78%)
CMYK
cmyk(0%, 4%, 9%, 22%)
Oklch
oklch(81.1% 0.018 76.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#757E63

Grass Green · DimGray · Olive Green

HEX
#757E63
RGB
rgb(117, 126, 99)
HSL
hsl(80, 12%, 44%)
HSB
hsb(80, 21%, 49%)
CMYK
cmyk(7%, 0%, 21%, 51%)
Oklch
oklch(57.8% 0.041 122.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

40391F
1F2741

Analogous

41291F
40391F
38411F

Triadic

40391F
1F413A
3A1F41

Split-Comp.

40391F
1F3841
291F41

Tetradic

40391F
1F4129
1F2741
411F38

Contrast Matrix WCAG 2.1 Contrast

40391F
B3BA6D
FFFEFF
C8C0B5
757E63
—
5.6
AA
11.4
AAA
6.4
AA
2.7
Fail
5.6
AA
—
2.1
Fail
1.1
Fail
2.1
Fail
11.4
AAA
2.1
Fail
—
1.8
Fail
4.2
AA Large
6.4
AA
1.1
Fail
1.8
Fail
—
2.4
Fail
2.7
Fail
2.1
Fail
4.2
AA Large
2.4
Fail
—
White BG
11.5AAA
2.1Fail
1.0Fail
1.8Fail
4.3AA Large
Black BG
1.8Fail
10.2AAA
20.9AAA
11.7AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D25
B6B680
FFFFFF
C5C4B8
79796A

Deuteranopia

3D3E27
B6B584
FFFFFF
C5C6B8
78786B

Tritanopia

402A2B
B38E92
FFFFFF
C8BABA
756F70

Achromatopsia

383838
AFAFAF
FEFEFE
C1C1C1
787878

Shades & Tints Shades & Tints

#40391F

Dark
Light

#B3BA6D

Dark
Light

#FFFEFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #40391f;
  --color-2: #b3ba6d;
  --color-3: #fffeff;
  --color-4: #c8c0b5;
  --color-5: #757e63;
}

SCSS

$color-1: #40391f;
$color-2: #b3ba6d;
$color-3: #fffeff;
$color-4: #c8c0b5;
$color-5: #757e63;

TAILWIND

colors: {
  'brand-1': '#40391f',
  'brand-2': '#b3ba6d',
  'brand-3': '#fffeff',
  'brand-4': '#c8c0b5',
  'brand-5': '#757e63',
}

RGB Array

[64, 57, 31], [179, 186, 109], [255, 254, 255], [200, 192, 181], [117, 126, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #40391F, #B3BA6D, #FFFEFF, #C8C0B5, #757E63 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #40391f; --color-2: #b3ba6d; --color-3: #fffeff; --color-4: #c8c0b5; --color-5: #757e63. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color