← Back to Editor

#B1F154 · #BBE732 · #59D16C · #FB5C17 · #EC2D34

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 App

Color Details Color Details

#B1F154

Willow Green · GreenYellow · Apple Green

HEX
#B1F154
RGB
rgb(177, 241, 84)
HSL
hsl(84, 85%, 64%)
HSB
hsb(84, 65%, 95%)
CMYK
cmyk(27%, 0%, 65%, 5%)
Oklch
oklch(88.5% 0.195 128.8)

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

#BBE732

Grass Green · GreenYellow · Olive Green

HEX
#BBE732
RGB
rgb(187, 231, 50)
HSL
hsl(75, 79%, 55%)
HSB
hsb(75, 78%, 91%)
CMYK
cmyk(19%, 0%, 78%, 9%)
Oklch
oklch(86.7% 0.199 123.1)

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

#59D16C

Emerald · MediumSeaGreen · Olive Green

HEX
#59D16C
RGB
rgb(89, 209, 108)
HSL
hsl(130, 57%, 58%)
HSB
hsb(130, 57%, 82%)
CMYK
cmyk(57%, 0%, 48%, 18%)
Oklch
oklch(76.9% 0.177 146.7)

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

#FB5C17

Tangerine · OrangeRed · Warm Sun

HEX
#FB5C17
RGB
rgb(251, 92, 23)
HSL
hsl(18, 97%, 54%)
HSB
hsb(18, 91%, 98%)
CMYK
cmyk(0%, 63%, 91%, 2%)
Oklch
oklch(67.8% 0.206 39.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#EC2D34

Vermilion · Crimson · Passion Red

HEX
#EC2D34
RGB
rgb(236, 45, 52)
HSL
hsl(358, 83%, 55%)
HSB
hsb(358, 81%, 93%)
CMYK
cmyk(0%, 81%, 78%, 7%)
Oklch
oklch(61.2% 0.224 25.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1F154
9455F1

Analogous

F1E255
B1F154
65F155

Triadic

B1F154
55B3F1
F155B3

Split-Comp.

B1F154
5565F1
E255F1

Tetradic

B1F154
55F1E2
9455F1
F15565

Contrast Matrix WCAG 2.1 Contrast

B1F154
BBE732
59D16C
FB5C17
EC2D34
—
1.1
Fail
1.4
Fail
2.3
Fail
3.1
AA Large
1.1
Fail
—
1.4
Fail
2.2
Fail
2.9
Fail
1.4
Fail
1.4
Fail
—
1.6
Fail
2.2
Fail
2.3
Fail
2.2
Fail
1.6
Fail
—
1.3
Fail
3.1
AA Large
2.9
Fail
2.2
Fail
1.3
Fail
—
White BG
1.3Fail
1.4Fail
2.0Fail
3.2AA Large
4.2AA Large
Black BG
15.6AAA
14.6AAA
10.8AAA
6.6AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCD7A
CECE5E
8D8E84
B6B528
999832

Deuteranopia

C9C483
CCC868
867D8A
BFCB2C
A4B332

Tritanopia

B4989F
BD8088
5F989C
F33538
E23131

Achromatopsia

CCCCCC
C5C5C5
A2A2A2
848484
676767

Shades & Tints Shades & Tints

#B1F154

Dark
Light

#BBE732

Dark
Light

#59D16C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1f154;
  --color-2: #bbe732;
  --color-3: #59d16c;
  --color-4: #fb5c17;
  --color-5: #ec2d34;
}

SCSS

$color-1: #b1f154;
$color-2: #bbe732;
$color-3: #59d16c;
$color-4: #fb5c17;
$color-5: #ec2d34;

TAILWIND

colors: {
  'brand-1': '#b1f154',
  'brand-2': '#bbe732',
  'brand-3': '#59d16c',
  'brand-4': '#fb5c17',
  'brand-5': '#ec2d34',
}

RGB Array

[177, 241, 84], [187, 231, 50], [89, 209, 108], [251, 92, 23], [236, 45, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B1F154, #BBE732, #59D16C, #FB5C17, #EC2D34 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: #b1f154; --color-2: #bbe732; --color-3: #59d16c; --color-4: #fb5c17; --color-5: #ec2d34. 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