← Back to Editor

#EBD64D · #A6C238 · #349175 · #9E0042 · #210712

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

#EBD64D

Fresh Green · SandyBrown · Sunflower

HEX
#EBD64D
RGB
rgb(235, 214, 77)
HSL
hsl(52, 80%, 61%)
HSB
hsb(52, 67%, 92%)
CMYK
cmyk(0%, 9%, 67%, 8%)
Oklch
oklch(86.9% 0.154 100.5)

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

#A6C238

Grass Green · GreenYellow · Olive Green

HEX
#A6C238
RGB
rgb(166, 194, 56)
HSL
hsl(72, 55%, 49%)
HSB
hsb(72, 71%, 76%)
CMYK
cmyk(14%, 0%, 71%, 24%)
Oklch
oklch(76.8% 0.162 120.4)

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

#349175

Mineral Blue · SeaGreen · Mint Ice

HEX
#349175
RGB
rgb(52, 145, 117)
HSL
hsl(162, 47%, 39%)
HSB
hsb(162, 64%, 57%)
CMYK
cmyk(64%, 0%, 19%, 43%)
Oklch
oklch(59.4% 0.098 169.6)

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

#9E0042

Dark Violet · Brown · Camellia

HEX
#9E0042
RGB
rgb(158, 0, 66)
HSL
hsl(335, 100%, 31%)
HSB
hsb(335, 100%, 62%)
CMYK
cmyk(0%, 100%, 58%, 38%)
Oklch
oklch(44.8% 0.180 7.7)

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

#210712

Dark Violet · Black · Raspberry

HEX
#210712
RGB
rgb(33, 7, 18)
HSL
hsl(335, 65%, 8%)
HSB
hsb(335, 79%, 13%)
CMYK
cmyk(0%, 79%, 45%, 87%)
Oklch
oklch(17.9% 0.048 356.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBD64D
4C61EB

Analogous

EB864C
EBD64D
B1EB4C

Triadic

EBD64D
4CEBD6
D64CEB

Split-Comp.

EBD64D
4CB1EB
864CEB

Tetradic

EBD64D
4CEB86
4C61EB
EB4CB1

Contrast Matrix WCAG 2.1 Contrast

EBD64D
A6C238
349175
9E0042
210712
—
1.4
Fail
2.6
Fail
5.6
AA
12.9
AAA
1.4
Fail
—
1.9
Fail
4.1
AA Large
9.4
AAA
2.6
Fail
1.9
Fail
—
2.2
Fail
4.9
AA
5.6
AA
4.1
AA Large
2.2
Fail
—
2.3
Fail
12.9
AAA
9.4
AAA
4.9
AA
2.3
Fail
—
White BG
1.5Fail
2.0Fail
3.9AA Large
8.3AAA
19.0AAA
Black BG
14.3AAA
10.4AAA
5.5AA
2.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E26E
B2B259
5C5D7C
5A5832
16160F

Deuteranopia

E3E576
B1AE61
57507D
636F2E
17190F

Tritanopia

EA888E
A7747A
398182
962523
200D0D

Achromatopsia

CDCDCD
AAAAAA
727272
373737
101010

Shades & Tints Shades & Tints

#EBD64D

Dark
Light

#A6C238

Dark
Light

#349175

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebd64d;
  --color-2: #a6c238;
  --color-3: #349175;
  --color-4: #9e0042;
  --color-5: #210712;
}

SCSS

$color-1: #ebd64d;
$color-2: #a6c238;
$color-3: #349175;
$color-4: #9e0042;
$color-5: #210712;

TAILWIND

colors: {
  'brand-1': '#ebd64d',
  'brand-2': '#a6c238',
  'brand-3': '#349175',
  'brand-4': '#9e0042',
  'brand-5': '#210712',
}

RGB Array

[235, 214, 77], [166, 194, 56], [52, 145, 117], [158, 0, 66], [33, 7, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBD64D, #A6C238, #349175, #9E0042, #210712 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #ebd64d; --color-2: #a6c238; --color-3: #349175; --color-4: #9e0042; --color-5: #210712. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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