← Back to Editor

#E3EEA1 · #FDA927 · #19A084 · #235358 · #063947

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 AppData Visualization

Color Details Color Details

#E3EEA1

Fresh Green · Khaki · Lemon Cream

HEX
#E3EEA1
RGB
rgb(227, 238, 161)
HSL
hsl(69, 69%, 78%)
HSB
hsb(69, 32%, 93%)
CMYK
cmyk(5%, 0%, 32%, 7%)
Oklch
oklch(92.3% 0.099 115.0)

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

#FDA927

Ginger · GoldenRod · Warm Sun

HEX
#FDA927
RGB
rgb(253, 169, 39)
HSL
hsl(36, 98%, 57%)
HSB
hsb(36, 85%, 99%)
CMYK
cmyk(0%, 33%, 85%, 1%)
Oklch
oklch(79.8% 0.162 71.3)

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

#19A084

Mineral Blue · Teal · Mint Ice

HEX
#19A084
RGB
rgb(25, 160, 132)
HSL
hsl(168, 73%, 36%)
HSB
hsb(168, 84%, 63%)
CMYK
cmyk(84%, 0%, 17%, 37%)
Oklch
oklch(63.2% 0.116 173.8)

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

#235358

Slate Blue · DarkSlateGray · Peacock Green

HEX
#235358
RGB
rgb(35, 83, 88)
HSL
hsl(186, 43%, 24%)
HSB
hsb(186, 60%, 35%)
CMYK
cmyk(60%, 6%, 0%, 65%)
Oklch
oklch(41.1% 0.052 204.5)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#063947

Lake Blue · DarkSlateGray · Peacock Green

HEX
#063947
RGB
rgb(6, 57, 71)
HSL
hsl(193, 84%, 15%)
HSB
hsb(193, 92%, 28%)
CMYK
cmyk(92%, 20%, 0%, 72%)
Oklch
oklch(32.0% 0.055 221.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3EEA1
ACA0EE

Analogous

EED3A0
E3EEA1
BBEEA0

Triadic

E3EEA1
A0E2EE
EEA0E2

Split-Comp.

E3EEA1
A0BBEE
D3A0EE

Tetradic

E3EEA1
A0EED3
ACA0EE
EEA0BB

Contrast Matrix WCAG 2.1 Contrast

E3EEA1
FDA927
19A084
235358
063947
—
1.6
Fail
2.7
Fail
6.9
AA
10.1
AAA
1.6
Fail
—
1.7
Fail
4.4
AA Large
6.5
AA
2.7
Fail
1.7
Fail
—
2.6
Fail
3.8
AA Large
6.9
AA
4.4
AA Large
2.6
Fail
—
1.5
Fail
10.1
AAA
6.5
AA
3.8
AA Large
1.5
Fail
—
White BG
1.2Fail
1.9Fail
3.3AA Large
8.6AAA
12.5AAA
Black BG
17.0AAA
10.9AAA
6.4AA
2.4Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8B4
D9D846
53558B
383857
1C1D44

Deuteranopia

E7E6B8
DEE44E
4C428C
353157
191543

Tritanopia

E4C2C6
F95F65
209091
255656
094140

Achromatopsia

E2E2E2
B3B3B3
747474
454545
2B2B2B

Shades & Tints Shades & Tints

#E3EEA1

Dark
Light

#FDA927

Dark
Light

#19A084

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3eea1;
  --color-2: #fda927;
  --color-3: #19a084;
  --color-4: #235358;
  --color-5: #063947;
}

SCSS

$color-1: #e3eea1;
$color-2: #fda927;
$color-3: #19a084;
$color-4: #235358;
$color-5: #063947;

TAILWIND

colors: {
  'brand-1': '#e3eea1',
  'brand-2': '#fda927',
  'brand-3': '#19a084',
  'brand-4': '#235358',
  'brand-5': '#063947',
}

RGB Array

[227, 238, 161], [253, 169, 39], [25, 160, 132], [35, 83, 88], [6, 57, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3EEA1, #FDA927, #19A084, #235358, #063947 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #e3eea1; --color-2: #fda927; --color-3: #19a084; --color-4: #235358; --color-5: #063947. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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