← Back to Editor

#080000 · #2D0704 · #5D5910 · #729137 · #FFF642

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 AppData Visualization

Color Details Color Details

#080000

Vermilion · Black · Deep Berry

HEX
#080000
RGB
rgb(8, 0, 0)
HSL
hsl(0, 100%, 2%)
HSB
hsb(0, 100%, 3%)
CMYK
cmyk(0%, 100%, 100%, 97%)
Oklch
oklch(8.4% 0.035 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#2D0704

Vermilion · Black · Deep Berry

HEX
#2D0704
RGB
rgb(45, 7, 4)
HSL
hsl(4, 84%, 10%)
HSB
hsb(4, 91%, 18%)
CMYK
cmyk(0%, 84%, 91%, 82%)
Oklch
oklch(20.0% 0.064 30.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#5D5910

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#5D5910
RGB
rgb(93, 89, 16)
HSL
hsl(57, 71%, 21%)
HSB
hsb(57, 83%, 36%)
CMYK
cmyk(0%, 4%, 83%, 64%)
Oklch
oklch(45.4% 0.090 106.2)

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

#729137

Grass Green · DarkOliveGreen · Forest Green

HEX
#729137
RGB
rgb(114, 145, 55)
HSL
hsl(81, 45%, 39%)
HSB
hsb(81, 62%, 57%)
CMYK
cmyk(21%, 0%, 62%, 43%)
Oklch
oklch(61.4% 0.123 125.9)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#FFF642

Fresh Green · Yellow · Sunflower

HEX
#FFF642
RGB
rgb(255, 246, 66)
HSL
hsl(57, 100%, 63%)
HSB
hsb(57, 74%, 100%)
CMYK
cmyk(0%, 4%, 74%, 0%)
Oklch
oklch(95.1% 0.186 106.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080000
000A0A

Analogous

0A0005
080000
0A0500

Triadic

080000
000A00
00000A

Split-Comp.

080000
000A05
00050A

Tetradic

080000
050A00
000A0A
05000A

Contrast Matrix WCAG 2.1 Contrast

080000
2D0704
5D5910
729137
FFF642
—
1.1
Fail
2.9
Fail
5.8
AA
18.3
AAA
1.1
Fail
—
2.5
Fail
5.1
AA
16.2
AAA
2.9
Fail
2.5
Fail
—
2.0
Fail
6.4
AA
5.8
AA
5.1
AA
2.0
Fail
—
3.2
AA Large
18.3
AAA
16.2
AAA
6.4
AA
3.2
AA Large
—
White BG
20.8AAA
18.4AAA
7.2AAA
3.6AA Large
1.1Fail
Black BG
1.0Fail
1.1Fail
2.9Fail
5.8AA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050400
1D1C05
5B5B22
7F804D
FBFB6E

Deuteranopia

050600
1F2205
5C5C26
7E7B52
FCFC78

Tritanopia

080000
2B0505
5D3033
745E62
FF9098

Achromatopsia

020202
121212
525252
7D7D7D
E4E4E4

Shades & Tints Shades & Tints

#080000

Dark
Light

#2D0704

Dark
Light

#5D5910

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080000;
  --color-2: #2d0704;
  --color-3: #5d5910;
  --color-4: #729137;
  --color-5: #fff642;
}

SCSS

$color-1: #080000;
$color-2: #2d0704;
$color-3: #5d5910;
$color-4: #729137;
$color-5: #fff642;

TAILWIND

colors: {
  'brand-1': '#080000',
  'brand-2': '#2d0704',
  'brand-3': '#5d5910',
  'brand-4': '#729137',
  'brand-5': '#fff642',
}

RGB Array

[8, 0, 0], [45, 7, 4], [93, 89, 16], [114, 145, 55], [255, 246, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #080000, #2D0704, #5D5910, #729137, #FFF642 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #080000; --color-2: #2d0704; --color-3: #5d5910; --color-4: #729137; --color-5: #fff642. 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 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