← Back to Editor

#E5E983 · #91A51E · #0A5277 · #0D1A59 · #1B1F04

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E5E983

Fresh Green · Khaki · Sunflower

HEX
#E5E983
RGB
rgb(229, 233, 131)
HSL
hsl(62, 70%, 71%)
HSB
hsb(62, 44%, 91%)
CMYK
cmyk(2%, 0%, 44%, 9%)
Oklch
oklch(90.9% 0.126 110.6)

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

#91A51E

Autumn Sage · Olive · Honey Gold

HEX
#91A51E
RGB
rgb(145, 165, 30)
HSL
hsl(69, 69%, 38%)
HSB
hsb(69, 82%, 65%)
CMYK
cmyk(12%, 0%, 82%, 35%)
Oklch
oklch(68.3% 0.151 118.3)

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

#0A5277

Lake Blue · Teal · Prussian Blue

HEX
#0A5277
RGB
rgb(10, 82, 119)
HSL
hsl(200, 84%, 25%)
HSB
hsb(200, 92%, 47%)
CMYK
cmyk(92%, 31%, 0%, 53%)
Oklch
oklch(41.7% 0.089 238.6)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#0D1A59

Indigo · MidnightBlue · Deep Sea Blue

HEX
#0D1A59
RGB
rgb(13, 26, 89)
HSL
hsl(230, 75%, 20%)
HSB
hsb(230, 85%, 35%)
CMYK
cmyk(85%, 71%, 0%, 65%)
Oklch
oklch(25.7% 0.114 267.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#1B1F04

Autumn Sage · Black · Amber Gold

HEX
#1B1F04
RGB
rgb(27, 31, 4)
HSL
hsl(69, 77%, 7%)
HSB
hsb(69, 87%, 12%)
CMYK
cmyk(13%, 0%, 87%, 88%)
Oklch
oklch(22.8% 0.045 117.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5E983
8581E9

Analogous

E9B981
E5E983
B2E981

Triadic

E5E983
81E5E9
E981E5

Split-Comp.

E5E983
81B2E9
B981E9

Tetradic

E5E983
81E9B9
8581E9
E981B2

Contrast Matrix WCAG 2.1 Contrast

E5E983
91A51E
0A5277
0D1A59
1B1F04
—
2.1
Fail
6.6
AA
12.5
AAA
13.1
AAA
2.1
Fail
—
3.1
AA Large
5.8
AA
6.1
AA
6.6
AA
3.1
AA Large
—
1.9
Fail
2.0
Fail
12.5
AAA
5.8
AA
1.9
Fail
—
1.1
Fail
13.1
AAA
6.1
AA
2.0
Fail
1.1
Fail
—
White BG
1.3Fail
2.8Fail
8.4AAA
16.0AAA
16.9AAA
Black BG
16.3AAA
7.6AAA
2.5Fail
1.3Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E79C
9A9A3F
292A6E
13134A
1D1D0B

Deuteranopia

E7E6A2
999747
25206C
121146
1D1C0C

Tritanopia

E5AFB3
92585E
0E6765
0E3E3B
1B1011

Achromatopsia

DCDCDC
909090
414141
1D1D1D
1B1B1B

Shades & Tints Shades & Tints

#E5E983

Dark
Light

#91A51E

Dark
Light

#0A5277

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5e983;
  --color-2: #91a51e;
  --color-3: #0a5277;
  --color-4: #0d1a59;
  --color-5: #1b1f04;
}

SCSS

$color-1: #e5e983;
$color-2: #91a51e;
$color-3: #0a5277;
$color-4: #0d1a59;
$color-5: #1b1f04;

TAILWIND

colors: {
  'brand-1': '#e5e983',
  'brand-2': '#91a51e',
  'brand-3': '#0a5277',
  'brand-4': '#0d1a59',
  'brand-5': '#1b1f04',
}

RGB Array

[229, 233, 131], [145, 165, 30], [10, 82, 119], [13, 26, 89], [27, 31, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5E983, #91A51E, #0A5277, #0D1A59, #1B1F04 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: #e5e983; --color-2: #91a51e; --color-3: #0a5277; --color-4: #0d1a59; --color-5: #1b1f04. 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