← Back to Editor

#1BA47A · #E6ED9A · #F5A81A · #E16817 · #E72327

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

#1BA47A

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#1BA47A
RGB
rgb(27, 164, 122)
HSL
hsl(162, 72%, 37%)
HSB
hsb(162, 84%, 64%)
CMYK
cmyk(84%, 0%, 26%, 36%)
Oklch
oklch(64.0% 0.127 165.9)

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

#E6ED9A

Fresh Green · Khaki · Lemon Cream

HEX
#E6ED9A
RGB
rgb(230, 237, 154)
HSL
hsl(65, 70%, 77%)
HSB
hsb(65, 35%, 93%)
CMYK
cmyk(3%, 0%, 35%, 7%)
Oklch
oklch(92.2% 0.105 112.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F5A81A

Ginger · GoldenRod · Warm Sun

HEX
#F5A81A
RGB
rgb(245, 168, 26)
HSL
hsl(39, 92%, 53%)
HSB
hsb(39, 89%, 96%)
CMYK
cmyk(0%, 31%, 89%, 4%)
Oklch
oklch(78.7% 0.161 74.8)

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

#E16817

Tangerine · Chocolate · Amber Brown

HEX
#E16817
RGB
rgb(225, 104, 23)
HSL
hsl(24, 81%, 49%)
HSB
hsb(24, 90%, 88%)
CMYK
cmyk(0%, 54%, 90%, 12%)
Oklch
oklch(65.4% 0.172 47.5)

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

#E72327

Vermilion · Crimson · Passion Red

HEX
#E72327
RGB
rgb(231, 35, 39)
HSL
hsl(359, 80%, 52%)
HSB
hsb(359, 85%, 91%)
CMYK
cmyk(0%, 85%, 83%, 9%)
Oklch
oklch(59.6% 0.226 27.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1BA47A
A21A43

Analogous

1AA236
1BA47A
1A87A2

Triadic

1BA47A
7A1AA2
A27A1A

Split-Comp.

1BA47A
A21A87
A2361A

Tetradic

1BA47A
361AA2
A21A43
87A21A

Contrast Matrix WCAG 2.1 Contrast

1BA47A
E6ED9A
F5A81A
E16817
E72327
—
2.6
Fail
1.6
Fail
1.1
Fail
1.4
Fail
2.6
Fail
—
1.6
Fail
2.7
Fail
3.6
AA Large
1.6
Fail
1.6
Fail
—
1.7
Fail
2.2
Fail
1.1
Fail
2.7
Fail
1.7
Fail
—
1.3
Fail
1.4
Fail
3.6
AA Large
2.2
Fail
1.3
Fail
—
White BG
3.2AA Large
1.2Fail
2.0Fail
3.4AA Large
4.5AA Large
Black BG
6.6AA
16.9AAA
10.5AAA
6.2AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565884
E9E9AE
D4D33C
ADAC2B
929026

Deuteranopia

4E4487
E9E8B3
D8DE45
B4BD2F
9EAC26

Tritanopia

228C8E
E6BEC1
F1575D
DB3A3D
DD2525

Achromatopsia

767676
E1E1E1
AFAFAF
838383
5E5E5E

Shades & Tints Shades & Tints

#1BA47A

Dark
Light

#E6ED9A

Dark
Light

#F5A81A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1ba47a;
  --color-2: #e6ed9a;
  --color-3: #f5a81a;
  --color-4: #e16817;
  --color-5: #e72327;
}

SCSS

$color-1: #1ba47a;
$color-2: #e6ed9a;
$color-3: #f5a81a;
$color-4: #e16817;
$color-5: #e72327;

TAILWIND

colors: {
  'brand-1': '#1ba47a',
  'brand-2': '#e6ed9a',
  'brand-3': '#f5a81a',
  'brand-4': '#e16817',
  'brand-5': '#e72327',
}

RGB Array

[27, 164, 122], [230, 237, 154], [245, 168, 26], [225, 104, 23], [231, 35, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1BA47A, #E6ED9A, #F5A81A, #E16817, #E72327 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: #1ba47a; --color-2: #e6ed9a; --color-3: #f5a81a; --color-4: #e16817; --color-5: #e72327. 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