← Back to Editor

#BEAA51 · #B09232 · #9B6713 · #352613 · #0E050A

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

#BEAA51

Ginger · SandyBrown · Sunflower

HEX
#BEAA51
RGB
rgb(190, 170, 81)
HSL
hsl(49, 46%, 53%)
HSB
hsb(49, 57%, 75%)
CMYK
cmyk(0%, 11%, 57%, 25%)
Oklch
oklch(73.7% 0.112 96.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B09232

Ochre · DarkGoldenRod · Honey Gold

HEX
#B09232
RGB
rgb(176, 146, 50)
HSL
hsl(46, 56%, 44%)
HSB
hsb(46, 72%, 69%)
CMYK
cmyk(0%, 17%, 72%, 31%)
Oklch
oklch(67.0% 0.117 91.2)

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

#9B6713

Ochre · Sienna · Amber Brown

HEX
#9B6713
RGB
rgb(155, 103, 19)
HSL
hsl(37, 78%, 34%)
HSB
hsb(37, 88%, 61%)
CMYK
cmyk(0%, 34%, 88%, 39%)
Oklch
oklch(55.6% 0.112 72.4)

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

#352613

Ochre · Black · Cinnamon

HEX
#352613
RGB
rgb(53, 38, 19)
HSL
hsl(34, 47%, 14%)
HSB
hsb(34, 64%, 21%)
CMYK
cmyk(0%, 28%, 64%, 79%)
Oklch
oklch(28.1% 0.038 71.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#0E050A

Rose Purple · Black · Raspberry

HEX
#0E050A
RGB
rgb(14, 5, 10)
HSL
hsl(327, 47%, 4%)
HSB
hsb(327, 64%, 5%)
CMYK
cmyk(0%, 64%, 29%, 95%)
Oklch
oklch(13.4% 0.022 343.6)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEAA51
5064BE

Analogous

BE7350
BEAA51
9BBE50

Triadic

BEAA51
50BEAA
AA50BE

Split-Comp.

BEAA51
509BBE
7350BE

Tetradic

BEAA51
50BE73
5064BE
BE509B

Contrast Matrix WCAG 2.1 Contrast

BEAA51
B09232
9B6713
352613
0E050A
—
1.3
Fail
2.1
Fail
6.3
AA
8.7
AAA
1.3
Fail
—
1.6
Fail
4.9
AA
6.7
AA
2.1
Fail
1.6
Fail
—
3.0
AA Large
4.2
AA Large
6.3
AA
4.9
AA
3.0
AA Large
—
1.4
Fail
8.7
AAA
6.7
AA
4.2
AA Large
1.4
Fail
—
White BG
2.3Fail
3.0Fail
4.8AA
14.6AAA
20.1AAA
Black BG
9.1AAA
7.0AAA
4.3AA Large
1.4Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B567
A3A349
848427
2F2E18
0A0A09

Deuteranopia

B7B86C
A5A74F
888B2C
2F3019
0B0B09

Tritanopia

BD787B
AF5C60
98373B
341B1C
0E0808

Achromatopsia

A6A6A6
909090
6D6D6D
282828
080808

Shades & Tints Shades & Tints

#BEAA51

Dark
Light

#B09232

Dark
Light

#9B6713

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #beaa51;
  --color-2: #b09232;
  --color-3: #9b6713;
  --color-4: #352613;
  --color-5: #0e050a;
}

SCSS

$color-1: #beaa51;
$color-2: #b09232;
$color-3: #9b6713;
$color-4: #352613;
$color-5: #0e050a;

TAILWIND

colors: {
  'brand-1': '#beaa51',
  'brand-2': '#b09232',
  'brand-3': '#9b6713',
  'brand-4': '#352613',
  'brand-5': '#0e050a',
}

RGB Array

[190, 170, 81], [176, 146, 50], [155, 103, 19], [53, 38, 19], [14, 5, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BEAA51, #B09232, #9B6713, #352613, #0E050A is ideal for: tech websites, dark mode UIs, game UIs, 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: #beaa51; --color-2: #b09232; --color-3: #9b6713; --color-4: #352613; --color-5: #0e050a. 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. 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