← Back to Editor

#BE9927 · #9A770F · #973712 · #752C09 · #300423

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#BE9927

Ochre · GoldenRod · Honey Gold

HEX
#BE9927
RGB
rgb(190, 153, 39)
HSL
hsl(45, 66%, 45%)
HSB
hsb(45, 79%, 75%)
CMYK
cmyk(0%, 19%, 79%, 25%)
Oklch
oklch(69.8% 0.131 89.5)

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

#9A770F

Ochre · Olive · Honey Gold

HEX
#9A770F
RGB
rgb(154, 119, 15)
HSL
hsl(45, 82%, 33%)
HSB
hsb(45, 90%, 60%)
CMYK
cmyk(0%, 23%, 90%, 40%)
Oklch
oklch(58.7% 0.116 87.1)

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

#973712

Tangerine · Brown · Amber Brown

HEX
#973712
RGB
rgb(151, 55, 18)
HSL
hsl(17, 79%, 33%)
HSB
hsb(17, 88%, 59%)
CMYK
cmyk(0%, 64%, 88%, 41%)
Oklch
oklch(46.9% 0.137 39.1)

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

#752C09

Tangerine · Maroon · Cinnamon

HEX
#752C09
RGB
rgb(117, 44, 9)
HSL
hsl(19, 86%, 25%)
HSB
hsb(19, 92%, 46%)
CMYK
cmyk(0%, 62%, 92%, 54%)
Oklch
oklch(39.4% 0.111 41.9)

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

#300423

Rose Purple · Black · Dark Purple

HEX
#300423
RGB
rgb(48, 4, 35)
HSL
hsl(318, 85%, 10%)
HSB
hsb(318, 92%, 19%)
CMYK
cmyk(0%, 92%, 27%, 81%)
Oklch
oklch(21.4% 0.081 342.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE9927
274DBE

Analogous

BE4D27
BE9927
99BE27

Triadic

BE9927
27BE99
9927BE

Split-Comp.

BE9927
2799BE
4D27BE

Tetradic

BE9927
27BE4D
274DBE
BE2799

Contrast Matrix WCAG 2.1 Contrast

BE9927
9A770F
973712
752C09
300423
—
1.5
Fail
2.7
Fail
3.7
AA Large
6.7
AA
1.5
Fail
—
1.7
Fail
2.4
Fail
4.3
AA Large
2.7
Fail
1.7
Fail
—
1.4
Fail
2.5
Fail
3.7
AA Large
2.4
Fail
1.4
Fail
—
1.8
Fail
6.7
AA
4.3
AA Large
2.5
Fail
1.8
Fail
—
White BG
2.7Fail
4.2AA Large
7.3AAA
9.9AAA
18.0AAA
Black BG
7.8AAA
5.0AA
2.9Fail
2.1Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAE43
8B8B28
6D6D1B
555511
1D1D1B

Deuteranopia

B0B349
8D902E
737A1D
5A5F14
20231A

Tritanopia

BC585D
983C40
922224
71181A
2E1614

Achromatopsia

979797
767676
4F4F4F
3E3E3E
151515

Shades & Tints Shades & Tints

#BE9927

Dark
Light

#9A770F

Dark
Light

#973712

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be9927;
  --color-2: #9a770f;
  --color-3: #973712;
  --color-4: #752c09;
  --color-5: #300423;
}

SCSS

$color-1: #be9927;
$color-2: #9a770f;
$color-3: #973712;
$color-4: #752c09;
$color-5: #300423;

TAILWIND

colors: {
  'brand-1': '#be9927',
  'brand-2': '#9a770f',
  'brand-3': '#973712',
  'brand-4': '#752c09',
  'brand-5': '#300423',
}

RGB Array

[190, 153, 39], [154, 119, 15], [151, 55, 18], [117, 44, 9], [48, 4, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BE9927, #9A770F, #973712, #752C09, #300423 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #be9927; --color-2: #9a770f; --color-3: #973712; --color-4: #752c09; --color-5: #300423. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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