← Back to Editor

#040404 · #CBE107 · #9BA94C · #1A936E · #D8BF37

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

#040404

Ink Black · Black · Jet Black

HEX
#040404
RGB
rgb(4, 4, 4)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(10.7% 0.000 89.9)

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

#CBE107

Autumn Sage · Gold · Honey Gold

HEX
#CBE107
RGB
rgb(203, 225, 7)
HSL
hsl(66, 94%, 45%)
HSB
hsb(66, 97%, 88%)
CMYK
cmyk(10%, 0%, 97%, 12%)
Oklch
oklch(86.3% 0.198 116.7)

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

#9BA94C

Autumn Sage · DarkSeaGreen · Honey Gold

HEX
#9BA94C
RGB
rgb(155, 169, 76)
HSL
hsl(69, 38%, 48%)
HSB
hsb(69, 55%, 66%)
CMYK
cmyk(8%, 0%, 55%, 34%)
Oklch
oklch(70.4% 0.119 116.7)

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

#1A936E

Mineral Blue · SeaGreen · Mint Ice

HEX
#1A936E
RGB
rgb(26, 147, 110)
HSL
hsl(162, 70%, 34%)
HSB
hsb(162, 82%, 58%)
CMYK
cmyk(82%, 0%, 25%, 42%)
Oklch
oklch(59.1% 0.116 166.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#D8BF37

Autumn Sage · GoldenRod · Sunflower

HEX
#D8BF37
RGB
rgb(216, 191, 55)
HSL
hsl(51, 67%, 53%)
HSB
hsb(51, 75%, 85%)
CMYK
cmyk(0%, 12%, 75%, 15%)
Oklch
oklch(80.3% 0.150 98.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

040404
050505

Analogous

050505
040404
050505

Triadic

040404
050505
050505

Split-Comp.

040404
050505
050505

Tetradic

040404
050505
050505
050505

Contrast Matrix WCAG 2.1 Contrast

040404
CBE107
9BA94C
1A936E
D8BF37
—
14.0
AAA
8.0
AAA
5.3
AA
11.2
AAA
14.0
AAA
—
1.8
Fail
2.6
Fail
1.3
Fail
8.0
AAA
1.8
Fail
—
1.5
Fail
1.4
Fail
5.3
AA
2.6
Fail
1.5
Fail
—
2.1
Fail
11.2
AAA
1.3
Fail
1.4
Fail
2.1
Fail
—
White BG
20.5AAA
1.5Fail
2.6Fail
3.9AA Large
1.8Fail
Black BG
1.0Fail
14.3AAA
8.2AAA
5.4AA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

040404
D5D53C
A1A163
4E4F77
CDCD58

Deuteranopia

040404
D3D248
A09F68
473E79
CFD160

Tritanopia

040404
CC656F
9C7478
207E80
D77278

Achromatopsia

040404
C2C2C2
9A9A9A
6B6B6B
B7B7B7

Shades & Tints Shades & Tints

#040404

Dark
Light

#CBE107

Dark
Light

#9BA94C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #040404;
  --color-2: #cbe107;
  --color-3: #9ba94c;
  --color-4: #1a936e;
  --color-5: #d8bf37;
}

SCSS

$color-1: #040404;
$color-2: #cbe107;
$color-3: #9ba94c;
$color-4: #1a936e;
$color-5: #d8bf37;

TAILWIND

colors: {
  'brand-1': '#040404',
  'brand-2': '#cbe107',
  'brand-3': '#9ba94c',
  'brand-4': '#1a936e',
  'brand-5': '#d8bf37',
}

RGB Array

[4, 4, 4], [203, 225, 7], [155, 169, 76], [26, 147, 110], [216, 191, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #040404, #CBE107, #9BA94C, #1A936E, #D8BF37 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: #040404; --color-2: #cbe107; --color-3: #9ba94c; --color-4: #1a936e; --color-5: #d8bf37. 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