#B68235 + #BE5E09 + #996F06 + #4E6D44 + #325749 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B68235

Ochre · DarkGoldenRod · Amber Brown

HEX

#B68235

RGB

rgb(182, 130, 53)

HSL

hsl(36, 55%, 46%)

HSB

hsb(36, 71%, 71%)

CMYK

cmyk(0%, 29%, 71%, 29%)

Oklch

oklch(64.4% 0.112 73.8)

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

#BE5E09

Tangerine · Chocolate · Amber Brown

HEX

#BE5E09

RGB

rgb(190, 94, 9)

HSL

hsl(28, 91%, 39%)

HSB

hsb(28, 95%, 75%)

CMYK

cmyk(0%, 51%, 95%, 25%)

Oklch

oklch(58.7% 0.147 52.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#996F06

Ochre · Olive · Honey Gold

HEX

#996F06

RGB

rgb(153, 111, 6)

HSL

hsl(43, 92%, 31%)

HSB

hsb(43, 96%, 60%)

CMYK

cmyk(0%, 27%, 96%, 40%)

Oklch

oklch(56.9% 0.116 81.8)

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

#4E6D44

Celadon · DarkOliveGreen · Forest Green

HEX

#4E6D44

RGB

rgb(78, 109, 68)

HSL

hsl(105, 23%, 35%)

HSB

hsb(105, 38%, 43%)

CMYK

cmyk(28%, 0%, 38%, 57%)

Oklch

oklch(49.9% 0.073 138.3)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#325749

Mineral Blue · DarkSlateGray · Forest Green

HEX

#325749

RGB

rgb(50, 87, 73)

HSL

hsl(157, 27%, 27%)

HSB

hsb(157, 43%, 34%)

CMYK

cmyk(43%, 0%, 16%, 66%)

Oklch

oklch(42.4% 0.049 167.9)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B68235

3568B6

Analogous

B64235

B68235

A9B635

Triadic

B68235

35B682

8235B6

Split-Comp.

B68235

35A9B6

4235B6

Tetradic

B68235

35B642

3568B6

B635A9

Contrast Matrix WCAG 2.1 Contrast

B68235	BE5E09	996F06	4E6D44	325749
—	1.3 Fail	1.3 Fail	1.7 Fail	2.4 Fail
1.3 Fail	—	1.0 Fail	1.3 Fail	1.8 Fail
1.3 Fail	1.0 Fail	—	1.3 Fail	1.8 Fail
1.7 Fail	1.3 Fail	1.3 Fail	—	1.4 Fail
2.4 Fail	1.8 Fail	1.8 Fail	1.4 Fail	—

White BG

3.4AA Large

4.4AA Large

4.5AA

5.8AA

8.1AAA

Black BG

6.2AA

4.8AA

4.6AA

3.6AA Large

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F48

94941E

87861F

5B5C4E

42424C

Deuteranopia

A3A64C

9AA123

898C26

5A5750

403D4D

Tritanopia

B3565A

B92E31

973338

505657

344F50

Achromatopsia

898989

717171

707070

5F5F5F

4A4A4A

Shades & Tints Shades & Tints

#B68235

Dark

Light

#BE5E09

Dark

Light

#996F06

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b68235;
  --color-2: #be5e09;
  --color-3: #996f06;
  --color-4: #4e6d44;
  --color-5: #325749;
}

SCSS

$color-1: #b68235;
$color-2: #be5e09;
$color-3: #996f06;
$color-4: #4e6d44;
$color-5: #325749;

TAILWIND

colors: {
  'brand-1': '#b68235',
  'brand-2': '#be5e09',
  'brand-3': '#996f06',
  'brand-4': '#4e6d44',
  'brand-5': '#325749',
}

RGB Array

[182, 130, 53], [190, 94, 9], [153, 111, 6], [78, 109, 68], [50, 87, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B68235, #BE5E09, #996F06, #4E6D44, #325749 is ideal for: tech websites, dark mode UIs, game UIs. 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: #b68235; --color-2: #be5e09; --color-3: #996f06; --color-4: #4e6d44; --color-5: #325749. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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