← Back to Editor

#BCE094 · #190425 · #240426 · #300327 · #DCFFAB

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

#BCE094

Willow Green · LightGreen · Apple Green

HEX
#BCE094
RGB
rgb(188, 224, 148)
HSL
hsl(88, 55%, 73%)
HSB
hsb(88, 34%, 88%)
CMYK
cmyk(16%, 0%, 34%, 12%)
Oklch
oklch(86.3% 0.107 129.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#190425

Royal Purple · Black · Dark Purple

HEX
#190425
RGB
rgb(25, 4, 37)
HSL
hsl(278, 80%, 8%)
HSB
hsb(278, 89%, 15%)
CMYK
cmyk(32%, 89%, 0%, 85%)
Oklch
oklch(17.1% 0.069 311.0)

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

#240426

Royal Purple · Black · Dark Purple

HEX
#240426
RGB
rgb(36, 4, 38)
HSL
hsl(296, 81%, 8%)
HSB
hsb(296, 89%, 15%)
CMYK
cmyk(5%, 89%, 0%, 85%)
Oklch
oklch(19.2% 0.076 325.6)

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

#300327

Rose Purple · Black · Dark Purple

HEX
#300327
RGB
rgb(48, 3, 39)
HSL
hsl(312, 88%, 10%)
HSB
hsb(312, 94%, 19%)
CMYK
cmyk(0%, 94%, 19%, 81%)
Oklch
oklch(21.5% 0.086 337.6)

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

#DCFFAB

Willow Green · Wheat · Mint Green

HEX
#DCFFAB
RGB
rgb(220, 255, 171)
HSL
hsl(85, 100%, 84%)
HSB
hsb(85, 33%, 100%)
CMYK
cmyk(14%, 0%, 33%, 0%)
Oklch
oklch(95.5% 0.114 126.8)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCE094
B894E0

Analogous

E0DD94
BCE094
97E094

Triadic

BCE094
94BDE0
E094BD

Split-Comp.

BCE094
9497E0
DD94E0

Tetradic

BCE094
94E0DD
B894E0
E09497

Contrast Matrix WCAG 2.1 Contrast

BCE094
190425
240426
300327
DCFFAB
—
13.1
AAA
12.7
AAA
12.2
AAA
1.3
Fail
13.1
AAA
—
1.0
Fail
1.1
Fail
17.4
AAA
12.7
AAA
1.0
Fail
—
1.0
Fail
16.9
AAA
12.2
AAA
1.1
Fail
1.0
Fail
—
16.2
AAA
1.3
Fail
17.4
AAA
16.9
AAA
16.2
AAA
—
White BG
1.5Fail
19.3AAA
18.7AAA
18.0AAA
1.1Fail
Black BG
14.2AAA
1.1Fail
1.1Fail
1.2Fail
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCA6
10101D
16161E
1D1C1E
EBEBBF

Deuteranopia

CAC7AB
11131B
181A1C
1F221C
E9E7C4

Tritanopia

BEB5B8
181715
221716
2E1716
DECFD3

Achromatopsia

CDCDCD
0E0E0E
111111
151515
EBEBEB

Shades & Tints Shades & Tints

#BCE094

Dark
Light

#190425

Dark
Light

#240426

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bce094;
  --color-2: #190425;
  --color-3: #240426;
  --color-4: #300327;
  --color-5: #dcffab;
}

SCSS

$color-1: #bce094;
$color-2: #190425;
$color-3: #240426;
$color-4: #300327;
$color-5: #dcffab;

TAILWIND

colors: {
  'brand-1': '#bce094',
  'brand-2': '#190425',
  'brand-3': '#240426',
  'brand-4': '#300327',
  'brand-5': '#dcffab',
}

RGB Array

[188, 224, 148], [25, 4, 37], [36, 4, 38], [48, 3, 39], [220, 255, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BCE094, #190425, #240426, #300327, #DCFFAB 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: #bce094; --color-2: #190425; --color-3: #240426; --color-4: #300327; --color-5: #dcffab. 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