← Back to Editor

#B9BF0E · #BA860E · #AE5A38 · #7E1B3E · #2F1B0B

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

#B9BF0E

Autumn Sage · GoldenRod · Honey Gold

HEX
#B9BF0E
RGB
rgb(185, 191, 14)
HSL
hsl(62, 86%, 40%)
HSB
hsb(62, 93%, 75%)
CMYK
cmyk(3%, 0%, 93%, 25%)
Oklch
oklch(77.4% 0.169 112.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#BA860E

Ochre · DarkGoldenRod · Honey Gold

HEX
#BA860E
RGB
rgb(186, 134, 14)
HSL
hsl(42, 86%, 39%)
HSB
hsb(42, 92%, 73%)
CMYK
cmyk(0%, 28%, 92%, 27%)
Oklch
oklch(65.4% 0.132 80.4)

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

#AE5A38

Tangerine · Sienna · Amber Brown

HEX
#AE5A38
RGB
rgb(174, 90, 56)
HSL
hsl(17, 51%, 45%)
HSB
hsb(17, 68%, 68%)
CMYK
cmyk(0%, 48%, 68%, 32%)
Oklch
oklch(56.1% 0.120 42.0)

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

#7E1B3E

Dark Violet · Brown · Camellia

HEX
#7E1B3E
RGB
rgb(126, 27, 62)
HSL
hsl(339, 65%, 30%)
HSB
hsb(339, 79%, 49%)
CMYK
cmyk(0%, 79%, 51%, 51%)
Oklch
oklch(39.9% 0.135 4.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#2F1B0B

Tangerine · Black · Cinnamon

HEX
#2F1B0B
RGB
rgb(47, 27, 11)
HSL
hsl(27, 62%, 11%)
HSB
hsb(27, 77%, 18%)
CMYK
cmyk(0%, 43%, 77%, 82%)
Oklch
oklch(24.5% 0.041 57.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9BF0E
140EBE

Analogous

BE6C0E
B9BF0E
60BE0E

Triadic

B9BF0E
0EB8BE
BE0EB8

Split-Comp.

B9BF0E
0E60BE
6C0EBE

Tetradic

B9BF0E
0EBE6C
140EBE
BE0E60

Contrast Matrix WCAG 2.1 Contrast

B9BF0E
BA860E
AE5A38
7E1B3E
2F1B0B
—
1.6
Fail
2.4
Fail
5.0
AA
8.2
AAA
1.6
Fail
—
1.5
Fail
3.1
AA Large
5.1
AA
2.4
Fail
1.5
Fail
—
2.0
Fail
3.4
AA Large
5.0
AA
3.1
AA Large
2.0
Fail
—
1.6
Fail
8.2
AAA
5.1
AA
3.4
AA Large
1.6
Fail
—
White BG
2.0Fail
3.2AA Large
4.9AA
9.9AAA
16.4AAA
Black BG
10.5AAA
6.5AA
4.3AA Large
2.1Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC39
A3A32B
8A8940
535236
26260F

Deuteranopia

BBBB43
A7AA32
8F9542
596034
282910

Tritanopia

B95B62
B74247
AA4748
792F2D
2E1213

Achromatopsia

A9A9A9
888888
6F6F6F
3D3D3D
1F1F1F

Shades & Tints Shades & Tints

#B9BF0E

Dark
Light

#BA860E

Dark
Light

#AE5A38

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9bf0e;
  --color-2: #ba860e;
  --color-3: #ae5a38;
  --color-4: #7e1b3e;
  --color-5: #2f1b0b;
}

SCSS

$color-1: #b9bf0e;
$color-2: #ba860e;
$color-3: #ae5a38;
$color-4: #7e1b3e;
$color-5: #2f1b0b;

TAILWIND

colors: {
  'brand-1': '#b9bf0e',
  'brand-2': '#ba860e',
  'brand-3': '#ae5a38',
  'brand-4': '#7e1b3e',
  'brand-5': '#2f1b0b',
}

RGB Array

[185, 191, 14], [186, 134, 14], [174, 90, 56], [126, 27, 62], [47, 27, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B9BF0E, #BA860E, #AE5A38, #7E1B3E, #2F1B0B 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: #b9bf0e; --color-2: #ba860e; --color-3: #ae5a38; --color-4: #7e1b3e; --color-5: #2f1b0b. 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