← Back to Editor

#BADB00 · #D3D6B2 · #767A5C · #515240 · #050505

dark

A 5-color dark 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

#BADB00

Autumn Sage · GreenYellow · Honey Gold

HEX
#BADB00
RGB
rgb(186, 219, 0)
HSL
hsl(69, 100%, 43%)
HSB
hsb(69, 100%, 86%)
CMYK
cmyk(15%, 0%, 100%, 14%)
Oklch
oklch(83.7% 0.199 120.1)

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

#D3D6B2

Fresh Green · Silver · Lemon Cream

HEX
#D3D6B2
RGB
rgb(211, 214, 178)
HSL
hsl(65, 31%, 77%)
HSB
hsb(65, 17%, 84%)
CMYK
cmyk(1%, 0%, 17%, 16%)
Oklch
oklch(86.4% 0.048 111.3)

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

#767A5C

Autumn Sage · DimGray · Honey Gold

HEX
#767A5C
RGB
rgb(118, 122, 92)
HSL
hsl(68, 14%, 42%)
HSB
hsb(68, 25%, 48%)
CMYK
cmyk(3%, 0%, 25%, 52%)
Oklch
oklch(56.8% 0.044 114.0)

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

#515240

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#515240
RGB
rgb(81, 82, 64)
HSL
hsl(63, 12%, 29%)
HSB
hsb(63, 22%, 32%)
CMYK
cmyk(1%, 0%, 22%, 68%)
Oklch
oklch(43.2% 0.028 110.2)

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

#050505

Ink Black · Black · Jet Black

HEX
#050505
RGB
rgb(5, 5, 5)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(11.5% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BADB00
2100DB

Analogous

DB8F00
BADB00
4DDB00

Triadic

BADB00
00BADB
DB00BA

Split-Comp.

BADB00
004DDB
8F00DB

Tetradic

BADB00
00DB8F
2100DB
DB004D

Contrast Matrix WCAG 2.1 Contrast

BADB00
D3D6B2
767A5C
515240
050505
—
1.1
Fail
2.8
Fail
5.0
AA
12.8
AAA
1.1
Fail
—
3.0
Fail
5.3
AA
13.6
AAA
2.8
Fail
3.0
Fail
—
1.8
Fail
4.6
AA
5.0
AA
5.3
AA
1.8
Fail
—
2.6
Fail
12.8
AAA
13.6
AAA
4.6
AA
2.6
Fail
—
White BG
1.6Fail
1.5Fail
4.5AA Large
8.0AAA
20.4AAA
Black BG
13.2AAA
14.0AAA
4.7AA
2.6Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C935
D4D4BB
787863
515144
050505

Deuteranopia

C6C442
D4D4BD
787765
515145
050505

Tritanopia

BC5F68
D3C2C3
76696A
514849
050505

Achromatopsia

B8B8B8
D1D1D1
757575
505050
050505

Shades & Tints Shades & Tints

#BADB00

Dark
Light

#D3D6B2

Dark
Light

#767A5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #badb00;
  --color-2: #d3d6b2;
  --color-3: #767a5c;
  --color-4: #515240;
  --color-5: #050505;
}

SCSS

$color-1: #badb00;
$color-2: #d3d6b2;
$color-3: #767a5c;
$color-4: #515240;
$color-5: #050505;

TAILWIND

colors: {
  'brand-1': '#badb00',
  'brand-2': '#d3d6b2',
  'brand-3': '#767a5c',
  'brand-4': '#515240',
  'brand-5': '#050505',
}

RGB Array

[186, 219, 0], [211, 214, 178], [118, 122, 92], [81, 82, 64], [5, 5, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #BADB00, #D3D6B2, #767A5C, #515240, #050505 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: #badb00; --color-2: #d3d6b2; --color-3: #767a5c; --color-4: #515240; --color-5: #050505. 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 dark-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