← Back to Editor

#E9FA00 · #ABCC27 · #5BAD0E · #291E0C · #26BAD4

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E9FA00

Autumn Sage · Yellow · Honey Gold

HEX
#E9FA00
RGB
rgb(233, 250, 0)
HSL
hsl(64, 100%, 49%)
HSB
hsb(64, 100%, 98%)
CMYK
cmyk(7%, 0%, 100%, 2%)
Oklch
oklch(94.0% 0.212 114.7)

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

#ABCC27

Grass Green · GreenYellow · Olive Green

HEX
#ABCC27
RGB
rgb(171, 204, 39)
HSL
hsl(72, 68%, 48%)
HSB
hsb(72, 81%, 80%)
CMYK
cmyk(16%, 0%, 81%, 20%)
Oklch
oklch(79.3% 0.180 121.1)

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

#5BAD0E

Pine Green · Olive · Forest Green

HEX
#5BAD0E
RGB
rgb(91, 173, 14)
HSL
hsl(91, 85%, 37%)
HSB
hsb(91, 92%, 68%)
CMYK
cmyk(47%, 0%, 92%, 32%)
Oklch
oklch(66.9% 0.192 135.1)

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

#291E0C

Ochre · Black · Cinnamon

HEX
#291E0C
RGB
rgb(41, 30, 12)
HSL
hsl(37, 55%, 10%)
HSB
hsb(37, 71%, 16%)
CMYK
cmyk(0%, 27%, 71%, 84%)
Oklch
oklch(24.3% 0.034 78.3)

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

#26BAD4

Lake Blue · MediumTurquoise · Mint Ice

HEX
#26BAD4
RGB
rgb(38, 186, 212)
HSL
hsl(189, 70%, 49%)
HSB
hsb(189, 82%, 83%)
CMYK
cmyk(82%, 12%, 0%, 17%)
Oklch
oklch(72.7% 0.120 213.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9FA00
1100FA

Analogous

FA8E00
E9FA00
6CFA00

Triadic

E9FA00
00E9FA
FA00E9

Split-Comp.

E9FA00
006CFA
8E00FA

Tetradic

E9FA00
00FA8E
1100FA
FA006C

Contrast Matrix WCAG 2.1 Contrast

E9FA00
ABCC27
5BAD0E
291E0C
26BAD4
—
1.6
Fail
2.4
Fail
14.1
AAA
2.0
Fail
1.6
Fail
—
1.5
Fail
8.9
AAA
1.3
Fail
2.4
Fail
1.5
Fail
—
5.8
AA
1.2
Fail
14.1
AAA
8.9
AAA
5.8
AA
—
7.0
AAA
2.0
Fail
1.3
Fail
1.2
Fail
7.0
AAA
—
White BG
1.2Fail
1.8Fail
2.8Fail
16.3AAA
2.3Fail
Black BG
18.1AAA
11.4AAA
7.4AAA
1.3Fail
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F13D
B9BA4F
7F7F34
242410
6667CE

Deuteranopia

EFEE4B
B7B559
7A743E
252611
5E52CC

Tritanopia

EA6C77
AD6E75
5F535A
281415
2DC9C8

Achromatopsia

D8D8D8
AFAFAF
828282
1F1F1F
919191

Shades & Tints Shades & Tints

#E9FA00

Dark
Light

#ABCC27

Dark
Light

#5BAD0E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9fa00;
  --color-2: #abcc27;
  --color-3: #5bad0e;
  --color-4: #291e0c;
  --color-5: #26bad4;
}

SCSS

$color-1: #e9fa00;
$color-2: #abcc27;
$color-3: #5bad0e;
$color-4: #291e0c;
$color-5: #26bad4;

TAILWIND

colors: {
  'brand-1': '#e9fa00',
  'brand-2': '#abcc27',
  'brand-3': '#5bad0e',
  'brand-4': '#291e0c',
  'brand-5': '#26bad4',
}

RGB Array

[233, 250, 0], [171, 204, 39], [91, 173, 14], [41, 30, 12], [38, 186, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #E9FA00, #ABCC27, #5BAD0E, #291E0C, #26BAD4 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: #e9fa00; --color-2: #abcc27; --color-3: #5bad0e; --color-4: #291e0c; --color-5: #26bad4. 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 dark-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