← Back to Editor

#FF6A00 · #FF9D00 · #FFE500 · #86CF00 · #249900

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

#FF6A00

Tangerine · OrangeRed · Amber Brown

HEX
#FF6A00
RGB
rgb(255, 106, 0)
HSL
hsl(25, 100%, 50%)
HSB
hsb(25, 100%, 100%)
CMYK
cmyk(0%, 58%, 100%, 0%)
Oklch
oklch(70.1% 0.201 44.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FF9D00

Ochre · Orange · Amber Brown

HEX
#FF9D00
RGB
rgb(255, 157, 0)
HSL
hsl(37, 100%, 50%)
HSB
hsb(37, 100%, 100%)
CMYK
cmyk(0%, 38%, 100%, 0%)
Oklch
oklch(77.9% 0.173 66.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#FFE500

Autumn Sage · Gold · Honey Gold

HEX
#FFE500
RGB
rgb(255, 229, 0)
HSL
hsl(54, 100%, 50%)
HSB
hsb(54, 100%, 100%)
CMYK
cmyk(0%, 10%, 100%, 0%)
Oklch
oklch(91.5% 0.191 101.0)

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

#86CF00

Grass Green · Chartreuse · Olive Green

HEX
#86CF00
RGB
rgb(134, 207, 0)
HSL
hsl(81, 100%, 41%)
HSB
hsb(81, 100%, 81%)
CMYK
cmyk(35%, 0%, 100%, 19%)
Oklch
oklch(77.6% 0.211 130.5)

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

#249900

Pine Green · ForestGreen · Forest Green

HEX
#249900
RGB
rgb(36, 153, 0)
HSL
hsl(106, 100%, 30%)
HSB
hsb(106, 100%, 60%)
CMYK
cmyk(76%, 0%, 100%, 40%)
Oklch
oklch(59.6% 0.195 140.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF6A00
0095FF

Analogous

FF0015
FF6A00
FFEA00

Triadic

FF6A00
00FF6A
6A00FF

Split-Comp.

FF6A00
00FFEA
0015FF

Tetradic

FF6A00
15FF00
0095FF
EA00FF

Contrast Matrix WCAG 2.1 Contrast

FF6A00
FF9D00
FFE500
86CF00
249900
—
1.4
Fail
2.3
Fail
1.5
Fail
1.3
Fail
1.4
Fail
—
1.6
Fail
1.1
Fail
1.8
Fail
2.3
Fail
1.6
Fail
—
1.5
Fail
2.9
Fail
1.5
Fail
1.1
Fail
1.5
Fail
—
1.9
Fail
1.3
Fail
1.8
Fail
2.9
Fail
1.9
Fail
—
White BG
2.9Fail
2.1Fail
1.3Fail
1.9Fail
3.7AA Large
Black BG
7.3AAA
10.1AAA
16.5AAA
10.9AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD1A
D5D426
F4F437
A6A632
575825

Deuteranopia

C7D220
DAE22F
F5F745
A19C3E
50472E

Tritanopia

F82E32
FA444B
FE636D
8A5A62
2A4249

Achromatopsia

8A8A8A
A8A8A8
D3D3D3
A2A2A2
656565

Shades & Tints Shades & Tints

#FF6A00

Dark
Light

#FF9D00

Dark
Light

#FFE500

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff6a00;
  --color-2: #ff9d00;
  --color-3: #ffe500;
  --color-4: #86cf00;
  --color-5: #249900;
}

SCSS

$color-1: #ff6a00;
$color-2: #ff9d00;
$color-3: #ffe500;
$color-4: #86cf00;
$color-5: #249900;

TAILWIND

colors: {
  'brand-1': '#ff6a00',
  'brand-2': '#ff9d00',
  'brand-3': '#ffe500',
  'brand-4': '#86cf00',
  'brand-5': '#249900',
}

RGB Array

[255, 106, 0], [255, 157, 0], [255, 229, 0], [134, 207, 0], [36, 153, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF6A00, #FF9D00, #FFE500, #86CF00, #249900 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: #ff6a00; --color-2: #ff9d00; --color-3: #ffe500; --color-4: #86cf00; --color-5: #249900. 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