← Back to Editor

#2A044A · #0B2E59 · #1B676B · #88C425 · #BEF202

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 App

Color Details Color Details

#2A044A

Royal Purple · MidnightBlue · Dark Purple

HEX
#2A044A
RGB
rgb(42, 4, 74)
HSL
hsl(273, 90%, 15%)
HSB
hsb(273, 95%, 29%)
CMYK
cmyk(43%, 95%, 0%, 71%)
Oklch
oklch(23.6% 0.116 302.3)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#0B2E59

Indigo · MidnightBlue · Deep Sea Blue

HEX
#0B2E59
RGB
rgb(11, 46, 89)
HSL
hsl(213, 78%, 20%)
HSB
hsb(213, 88%, 35%)
CMYK
cmyk(88%, 48%, 0%, 65%)
Oklch
oklch(30.3% 0.087 255.9)

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

#1B676B

Lake Blue · DarkSlateGray · Mint Ice

HEX
#1B676B
RGB
rgb(27, 103, 107)
HSL
hsl(183, 60%, 26%)
HSB
hsb(183, 75%, 42%)
CMYK
cmyk(75%, 4%, 0%, 58%)
Oklch
oklch(47.1% 0.071 200.2)

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

#88C425

Grass Green · Chartreuse · Olive Green

HEX
#88C425
RGB
rgb(136, 196, 37)
HSL
hsl(83, 68%, 46%)
HSB
hsb(83, 81%, 77%)
CMYK
cmyk(31%, 0%, 81%, 23%)
Oklch
oklch(75.2% 0.188 129.2)

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

#BEF202

Grass Green · GreenYellow · Olive Green

HEX
#BEF202
RGB
rgb(190, 242, 2)
HSL
hsl(73, 98%, 48%)
HSB
hsb(73, 99%, 95%)
CMYK
cmyk(21%, 0%, 99%, 5%)
Oklch
oklch(89.2% 0.221 123.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A044A
234904

Analogous

070449
2A044A
490445

Triadic

2A044A
492A04
04492A

Split-Comp.

2A044A
454904
044907

Tetradic

2A044A
490704
234904
044549

Contrast Matrix WCAG 2.1 Contrast

2A044A
0B2E59
1B676B
88C425
BEF202
—
1.3
Fail
2.6
Fail
8.2
AAA
13.1
AAA
1.3
Fail
—
2.1
Fail
6.4
AA
10.3
AAA
2.6
Fail
2.1
Fail
—
3.1
AA Large
5.0
AA
8.2
AAA
6.4
AA
3.1
AA Large
—
1.6
Fail
13.1
AAA
10.3
AAA
5.0
AA
1.6
Fail
—
White BG
17.3AAA
13.6AAA
6.6AA
2.1Fail
1.3Fail
Black BG
1.2Fail
1.5Fail
3.2AA Large
10.0AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1939
1A1A4F
3C3D6A
A2A34B
D5D53C

Deuteranopia

1C1F35
18164C
38326A
9F9A55
D2CE4A

Tritanopia

282C29
0D4645
1F6969
8B6A71
C16A74

Achromatopsia

171717
282828
515151
A0A0A0
C7C7C7

Shades & Tints Shades & Tints

#2A044A

Dark
Light

#0B2E59

Dark
Light

#1B676B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a044a;
  --color-2: #0b2e59;
  --color-3: #1b676b;
  --color-4: #88c425;
  --color-5: #bef202;
}

SCSS

$color-1: #2a044a;
$color-2: #0b2e59;
$color-3: #1b676b;
$color-4: #88c425;
$color-5: #bef202;

TAILWIND

colors: {
  'brand-1': '#2a044a',
  'brand-2': '#0b2e59',
  'brand-3': '#1b676b',
  'brand-4': '#88c425',
  'brand-5': '#bef202',
}

RGB Array

[42, 4, 74], [11, 46, 89], [27, 103, 107], [136, 196, 37], [190, 242, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A044A, #0B2E59, #1B676B, #88C425, #BEF202 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: #2a044a; --color-2: #0b2e59; --color-3: #1b676b; --color-4: #88c425; --color-5: #bef202. 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 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