← Back to Editor

#BDBB51 · #33403A · #0D0615 · #E6E768 · #A89787

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#BDBB51

Autumn Sage · GoldenRod · Sunflower

HEX
#BDBB51
RGB
rgb(189, 187, 81)
HSL
hsl(59, 45%, 53%)
HSB
hsb(59, 57%, 74%)
CMYK
cmyk(0%, 1%, 57%, 26%)
Oklch
oklch(77.3% 0.128 108.1)

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

#33403A

Mineral Blue · DarkSlateGray · Forest Green

HEX
#33403A
RGB
rgb(51, 64, 58)
HSL
hsl(152, 11%, 23%)
HSB
hsb(152, 20%, 25%)
CMYK
cmyk(20%, 0%, 9%, 75%)
Oklch
oklch(35.8% 0.020 165.6)

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

#0D0615

Deep Indigo · Black · Dark Purple

HEX
#0D0615
RGB
rgb(13, 6, 21)
HSL
hsl(268, 56%, 5%)
HSB
hsb(268, 71%, 8%)
CMYK
cmyk(38%, 71%, 0%, 92%)
Oklch
oklch(14.3% 0.034 304.9)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#E6E768

Fresh Green · Khaki · Sunflower

HEX
#E6E768
RGB
rgb(230, 231, 104)
HSL
hsl(60, 73%, 66%)
HSB
hsb(60, 55%, 91%)
CMYK
cmyk(0%, 0%, 55%, 9%)
Oklch
oklch(90.3% 0.149 109.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A89787

Tangerine · DarkGray · Warm Sun

HEX
#A89787
RGB
rgb(168, 151, 135)
HSL
hsl(29, 16%, 59%)
HSB
hsb(29, 20%, 66%)
CMYK
cmyk(0%, 10%, 20%, 34%)
Oklch
oklch(68.7% 0.031 65.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDBB51
5153BD

Analogous

BD8551
BDBB51
89BD51

Triadic

BDBB51
51BDBB
BB51BD

Split-Comp.

BDBB51
5189BD
8551BD

Tetradic

BDBB51
51BD85
5153BD
BD5189

Contrast Matrix WCAG 2.1 Contrast

BDBB51
33403A
0D0615
E6E768
A89787
—
5.4
AA
9.9
AAA
1.5
Fail
1.4
Fail
5.4
AA
—
1.8
Fail
8.3
AAA
3.8
AA Large
9.9
AAA
1.8
Fail
—
15.2
AAA
7.1
AAA
1.5
Fail
8.3
AAA
15.2
AAA
—
2.1
Fail
1.4
Fail
3.8
AA Large
7.1
AAA
2.1
Fail
—
White BG
2.0Fail
10.9AAA
19.9AAA
1.3Fail
2.8Fail
Black BG
10.4AAA
1.9Fail
1.1Fail
16.0AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC6B
39393B
0A0A11
E6E687
A1A08B

Deuteranopia

BCBC71
38373C
0A0B11
E6E68E
A2A38C

Tritanopia

BD7F83
343D3D
0D0F0E
E69FA4
A78E8F

Achromatopsia

B0B0B0
3B3B3B
0A0A0A
D8D8D8
9A9A9A

Shades & Tints Shades & Tints

#BDBB51

Dark
Light

#33403A

Dark
Light

#0D0615

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdbb51;
  --color-2: #33403a;
  --color-3: #0d0615;
  --color-4: #e6e768;
  --color-5: #a89787;
}

SCSS

$color-1: #bdbb51;
$color-2: #33403a;
$color-3: #0d0615;
$color-4: #e6e768;
$color-5: #a89787;

TAILWIND

colors: {
  'brand-1': '#bdbb51',
  'brand-2': '#33403a',
  'brand-3': '#0d0615',
  'brand-4': '#e6e768',
  'brand-5': '#a89787',
}

RGB Array

[189, 187, 81], [51, 64, 58], [13, 6, 21], [230, 231, 104], [168, 151, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BDBB51, #33403A, #0D0615, #E6E768, #A89787 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: #bdbb51; --color-2: #33403a; --color-3: #0d0615; --color-4: #e6e768; --color-5: #a89787. 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