← Back to Editor

#050F5F · #089E53 · #B0D049 · #F5D131 · #A08028

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

#050F5F

Indigo · MidnightBlue · Deep Sea Blue

HEX
#050F5F
RGB
rgb(5, 15, 95)
HSL
hsl(233, 90%, 20%)
HSB
hsb(233, 95%, 37%)
CMYK
cmyk(95%, 84%, 0%, 63%)
Oklch
oklch(24.2% 0.137 266.3)

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

#089E53

Mineral Blue · SeaGreen · Forest Green

HEX
#089E53
RGB
rgb(8, 158, 83)
HSL
hsl(150, 90%, 33%)
HSB
hsb(150, 95%, 62%)
CMYK
cmyk(95%, 0%, 47%, 38%)
Oklch
oklch(61.3% 0.157 152.6)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#B0D049

Grass Green · GreenYellow · Olive Green

HEX
#B0D049
RGB
rgb(176, 208, 73)
HSL
hsl(74, 59%, 55%)
HSB
hsb(74, 65%, 82%)
CMYK
cmyk(15%, 0%, 65%, 18%)
Oklch
oklch(80.8% 0.163 121.6)

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

#F5D131

Ginger · Gold · Sunflower

HEX
#F5D131
RGB
rgb(245, 209, 49)
HSL
hsl(49, 91%, 58%)
HSB
hsb(49, 80%, 96%)
CMYK
cmyk(0%, 15%, 80%, 4%)
Oklch
oklch(86.7% 0.166 95.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#A08028

Ochre · DarkGoldenRod · Honey Gold

HEX
#A08028
RGB
rgb(160, 128, 40)
HSL
hsl(44, 60%, 39%)
HSB
hsb(44, 75%, 63%)
CMYK
cmyk(0%, 20%, 75%, 37%)
Oklch
oklch(61.4% 0.110 88.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

050F5F
615605

Analogous

053E61
050F5F
280561

Triadic

050F5F
610510
106105

Split-Comp.

050F5F
612805
3E6105

Tetradic

050F5F
61053E
615605
056128

Contrast Matrix WCAG 2.1 Contrast

050F5F
089E53
B0D049
F5D131
A08028
—
4.9
AA
9.6
AAA
11.3
AAA
4.5
AA
4.9
AA
—
2.0
Fail
2.3
Fail
1.1
Fail
9.6
AAA
2.0
Fail
—
1.2
Fail
2.1
Fail
11.3
AAA
2.3
Fail
1.2
Fail
—
2.5
Fail
4.5
AA
1.1
Fail
2.1
Fail
2.5
Fail
—
White BG
16.9AAA
3.5AA Large
1.8Fail
1.5Fail
3.7AA Large
Black BG
1.2Fail
6.0AA
12.0AAA
14.0AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

09094C
494A65
BEBE6A
E5E558
92923D

Deuteranopia

090847
40356A
BCBA72
E8EA61
949642

Tritanopia

063C39
107377
B28389
F3767D
9E4E52

Achromatopsia

151515
696969
B7B7B7
CACACA
808080

Shades & Tints Shades & Tints

#050F5F

Dark
Light

#089E53

Dark
Light

#B0D049

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #050f5f;
  --color-2: #089e53;
  --color-3: #b0d049;
  --color-4: #f5d131;
  --color-5: #a08028;
}

SCSS

$color-1: #050f5f;
$color-2: #089e53;
$color-3: #b0d049;
$color-4: #f5d131;
$color-5: #a08028;

TAILWIND

colors: {
  'brand-1': '#050f5f',
  'brand-2': '#089e53',
  'brand-3': '#b0d049',
  'brand-4': '#f5d131',
  'brand-5': '#a08028',
}

RGB Array

[5, 15, 95], [8, 158, 83], [176, 208, 73], [245, 209, 49], [160, 128, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #050F5F, #089E53, #B0D049, #F5D131, #A08028 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #050f5f; --color-2: #089e53; --color-3: #b0d049; --color-4: #f5d131; --color-5: #a08028. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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