← Back to Editor

#00FF00 · #2AB4EF · #FFFC00 · #FF870B · #FF0072

bright

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

#00FF00

Pine Green · Lime · Olive Green

HEX
#00FF00
RGB
rgb(0, 255, 0)
HSL
hsl(120, 100%, 50%)
HSB
hsb(120, 100%, 100%)
CMYK
cmyk(100%, 0%, 100%, 0%)
Oklch
oklch(86.6% 0.295 142.5)

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

#2AB4EF

Lake Blue · DodgerBlue · Lake Green

HEX
#2AB4EF
RGB
rgb(42, 180, 239)
HSL
hsl(198, 86%, 55%)
HSB
hsb(198, 82%, 94%)
CMYK
cmyk(82%, 25%, 0%, 6%)
Oklch
oklch(72.6% 0.139 232.8)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#FFFC00

Autumn Sage · Yellow · Honey Gold

HEX
#FFFC00
RGB
rgb(255, 252, 0)
HSL
hsl(59, 100%, 50%)
HSB
hsb(59, 100%, 100%)
CMYK
cmyk(0%, 1%, 100%, 0%)
Oklch
oklch(96.2% 0.208 108.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FF870B

Ginger · Orange · Warm Sun

HEX
#FF870B
RGB
rgb(255, 135, 11)
HSL
hsl(30, 100%, 52%)
HSB
hsb(30, 96%, 100%)
CMYK
cmyk(0%, 47%, 96%, 0%)
Oklch
oklch(74.3% 0.181 55.5)

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

#FF0072

Dark Violet · DeepPink · Camellia

HEX
#FF0072
RGB
rgb(255, 0, 114)
HSL
hsl(333, 100%, 50%)
HSB
hsb(333, 100%, 100%)
CMYK
cmyk(0%, 100%, 55%, 0%)
Oklch
oklch(64.2% 0.257 6.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00FF00
FF00FF

Analogous

80FF00
00FF00
00FF80

Triadic

00FF00
0000FF
FF0000

Split-Comp.

00FF00
8000FF
FF0080

Tetradic

00FF00
0080FF
FF00FF
FF8000

Contrast Matrix WCAG 2.1 Contrast

00FF00
2AB4EF
FFFC00
FF870B
FF0072
—
1.7
Fail
1.3
Fail
1.8
Fail
2.8
Fail
1.7
Fail
—
2.2
Fail
1.0
Fail
1.6
Fail
1.3
Fail
2.2
Fail
—
2.2
Fail
3.5
AA Large
1.8
Fail
1.0
Fail
2.2
Fail
—
1.6
Fail
2.8
Fail
1.6
Fail
3.5
AA Large
1.6
Fail
—
White BG
1.4Fail
2.4Fail
1.1Fail
2.4Fail
3.8AA Large
Black BG
15.3AAA
8.9AAA
19.2AAA
8.7AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E713E
6667E1
FEFE3D
CBCA29
918E56

Deuteranopia

604D4D
5E53DD
FEFE4C
D2DB30
9FB350

Tritanopia

0D6E79
31D5D3
FF6D78
F94146
F2413C

Achromatopsia

969696
919191
E0E0E0
9D9D9D
595959

Shades & Tints Shades & Tints

#00FF00

Dark
Light

#2AB4EF

Dark
Light

#FFFC00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00ff00;
  --color-2: #2ab4ef;
  --color-3: #fffc00;
  --color-4: #ff870b;
  --color-5: #ff0072;
}

SCSS

$color-1: #00ff00;
$color-2: #2ab4ef;
$color-3: #fffc00;
$color-4: #ff870b;
$color-5: #ff0072;

TAILWIND

colors: {
  'brand-1': '#00ff00',
  'brand-2': '#2ab4ef',
  'brand-3': '#fffc00',
  'brand-4': '#ff870b',
  'brand-5': '#ff0072',
}

RGB Array

[0, 255, 0], [42, 180, 239], [255, 252, 0], [255, 135, 11], [255, 0, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #00FF00, #2AB4EF, #FFFC00, #FF870B, #FF0072 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: #00ff00; --color-2: #2ab4ef; --color-3: #fffc00; --color-4: #ff870b; --color-5: #ff0072. 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 bright-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