← Back to Editor

#BEEE1A · #F2C055 · #E89F8B · #D636EB · #14ABAB

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

#BEEE1A

Grass Green · GreenYellow · Olive Green

HEX
#BEEE1A
RGB
rgb(190, 238, 26)
HSL
hsl(74, 86%, 52%)
HSB
hsb(74, 89%, 93%)
CMYK
cmyk(20%, 0%, 89%, 7%)
Oklch
oklch(88.4% 0.213 123.3)

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

#F2C055

Ginger · SandyBrown · Sunflower

HEX
#F2C055
RGB
rgb(242, 192, 85)
HSL
hsl(41, 86%, 64%)
HSB
hsb(41, 65%, 95%)
CMYK
cmyk(0%, 21%, 65%, 5%)
Oklch
oklch(83.3% 0.136 83.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E89F8B

Peach Pink · DarkSalmon · Coral Red

HEX
#E89F8B
RGB
rgb(232, 159, 139)
HSL
hsl(13, 67%, 73%)
HSB
hsb(13, 40%, 91%)
CMYK
cmyk(0%, 31%, 40%, 9%)
Oklch
oklch(76.9% 0.092 36.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D636EB

Royal Purple · MediumOrchid · Violet

HEX
#D636EB
RGB
rgb(214, 54, 235)
HSL
hsl(293, 82%, 57%)
HSB
hsb(293, 77%, 92%)
CMYK
cmyk(9%, 77%, 0%, 8%)
Oklch
oklch(64.8% 0.270 322.7)

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

#14ABAB

Lake Blue · LightSeaGreen · Mint Ice

HEX
#14ABAB
RGB
rgb(20, 171, 171)
HSL
hsl(180, 79%, 37%)
HSB
hsb(180, 88%, 67%)
CMYK
cmyk(88%, 0%, 0%, 33%)
Oklch
oklch(67.2% 0.112 194.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEEE1A
4C1BEE

Analogous

EEB61B
BEEE1A
53EE1B

Triadic

BEEE1A
1BBDEE
EE1BBD

Split-Comp.

BEEE1A
1B53EE
B61BEE

Tetradic

BEEE1A
1BEEB6
4C1BEE
EE1B53

Contrast Matrix WCAG 2.1 Contrast

BEEE1A
F2C055
E89F8B
D636EB
14ABAB
—
1.2
Fail
1.6
Fail
2.8
Fail
2.1
Fail
1.2
Fail
—
1.3
Fail
2.2
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.7
Fail
1.3
Fail
2.8
Fail
2.2
Fail
1.7
Fail
—
1.3
Fail
2.1
Fail
1.7
Fail
1.3
Fail
1.3
Fail
—
White BG
1.4Fail
1.7Fail
2.2Fail
3.8AA Large
2.8Fail
Black BG
15.4AAA
12.4AAA
9.8AAA
5.6AA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D34D
DCDC6F
C8C890
918FBF
5557AB

Deuteranopia

D0CC5A
DFE375
CDD291
9AA6B5
4D41AB

Tritanopia

C0767F
EF8388
E49495
CE9D95
1CABAB

Achromatopsia

C7C7C7
C3C3C3
B3B3B3
7A7A7A
7E7E7E

Shades & Tints Shades & Tints

#BEEE1A

Dark
Light

#F2C055

Dark
Light

#E89F8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #beee1a;
  --color-2: #f2c055;
  --color-3: #e89f8b;
  --color-4: #d636eb;
  --color-5: #14abab;
}

SCSS

$color-1: #beee1a;
$color-2: #f2c055;
$color-3: #e89f8b;
$color-4: #d636eb;
$color-5: #14abab;

TAILWIND

colors: {
  'brand-1': '#beee1a',
  'brand-2': '#f2c055',
  'brand-3': '#e89f8b',
  'brand-4': '#d636eb',
  'brand-5': '#14abab',
}

RGB Array

[190, 238, 26], [242, 192, 85], [232, 159, 139], [214, 54, 235], [20, 171, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BEEE1A, #F2C055, #E89F8B, #D636EB, #14ABAB 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: #beee1a; --color-2: #f2c055; --color-3: #e89f8b; --color-4: #d636eb; --color-5: #14abab. 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