← Back to Editor

#E09533 · #E9C863 · #AAC363 · #348492 · #29CCBC

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

#E09533

Ginger · GoldenRod · Warm Sun

HEX
#E09533
RGB
rgb(224, 149, 51)
HSL
hsl(34, 74%, 54%)
HSB
hsb(34, 77%, 88%)
CMYK
cmyk(0%, 33%, 77%, 12%)
Oklch
oklch(72.9% 0.141 68.7)

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

#E9C863

Ginger · SandyBrown · Sunflower

HEX
#E9C863
RGB
rgb(233, 200, 99)
HSL
hsl(45, 75%, 65%)
HSB
hsb(45, 58%, 91%)
CMYK
cmyk(0%, 14%, 58%, 9%)
Oklch
oklch(84.1% 0.126 91.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#AAC363

Grass Green · DarkSeaGreen · Olive Green

HEX
#AAC363
RGB
rgb(170, 195, 99)
HSL
hsl(76, 44%, 58%)
HSB
hsb(76, 49%, 76%)
CMYK
cmyk(13%, 0%, 49%, 24%)
Oklch
oklch(77.7% 0.126 121.4)

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

#348492

Slate Blue · SteelBlue · Mint Ice

HEX
#348492
RGB
rgb(52, 132, 146)
HSL
hsl(189, 47%, 39%)
HSB
hsb(189, 64%, 57%)
CMYK
cmyk(64%, 10%, 0%, 43%)
Oklch
oklch(57.0% 0.079 211.0)

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

#29CCBC

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#29CCBC
RGB
rgb(41, 204, 188)
HSL
hsl(174, 67%, 48%)
HSB
hsb(174, 80%, 80%)
CMYK
cmyk(80%, 0%, 8%, 20%)
Oklch
oklch(76.3% 0.128 184.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E09533
337EE1

Analogous

E13E33
E09533
D5E133

Triadic

E09533
33E195
9533E1

Split-Comp.

E09533
33D5E1
3E33E1

Tetradic

E09533
33E13E
337EE1
E133D5

Contrast Matrix WCAG 2.1 Contrast

E09533
E9C863
AAC363
348492
29CCBC
—
1.5
Fail
1.3
Fail
1.8
Fail
1.2
Fail
1.5
Fail
—
1.2
Fail
2.7
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
2.2
Fail
1.0
Fail
1.8
Fail
2.7
Fail
2.2
Fail
—
2.2
Fail
1.2
Fail
1.2
Fail
1.0
Fail
2.2
Fail
—
White BG
2.5Fail
1.6Fail
2.0Fail
4.3AA Large
2.0Fail
Black BG
8.5AAA
12.9AAA
10.7AAA
4.9AA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF4B
DBDA7B
B5B57A
57578F
7071C0

Deuteranopia

C4C950
DDDF81
B3B280
524C8E
665AC1

Tritanopia

DC5D62
E78F93
AB8D91
388C8B
31C3C4

Achromatopsia

A0A0A0
C6C6C6
B1B1B1
6E6E6E
999999

Shades & Tints Shades & Tints

#E09533

Dark
Light

#E9C863

Dark
Light

#AAC363

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e09533;
  --color-2: #e9c863;
  --color-3: #aac363;
  --color-4: #348492;
  --color-5: #29ccbc;
}

SCSS

$color-1: #e09533;
$color-2: #e9c863;
$color-3: #aac363;
$color-4: #348492;
$color-5: #29ccbc;

TAILWIND

colors: {
  'brand-1': '#e09533',
  'brand-2': '#e9c863',
  'brand-3': '#aac363',
  'brand-4': '#348492',
  'brand-5': '#29ccbc',
}

RGB Array

[224, 149, 51], [233, 200, 99], [170, 195, 99], [52, 132, 146], [41, 204, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E09533, #E9C863, #AAC363, #348492, #29CCBC 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: #e09533; --color-2: #e9c863; --color-3: #aac363; --color-4: #348492; --color-5: #29ccbc. 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