← Back to Editor

#BEDC11 · #7CB340 · #EA6395 · #DF7769 · #5C6662

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#BEDC11

Autumn Sage · GreenYellow · Honey Gold

HEX
#BEDC11
RGB
rgb(190, 220, 17)
HSL
hsl(69, 86%, 46%)
HSB
hsb(69, 92%, 86%)
CMYK
cmyk(14%, 0%, 92%, 14%)
Oklch
oklch(84.3% 0.196 119.2)

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

#7CB340

Grass Green · LimeGreen · Olive Green

HEX
#7CB340
RGB
rgb(124, 179, 64)
HSL
hsl(89, 47%, 48%)
HSB
hsb(89, 64%, 70%)
CMYK
cmyk(31%, 0%, 64%, 30%)
Oklch
oklch(70.5% 0.157 131.2)

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

#EA6395

Rouge · LightCoral · Rose Pink

HEX
#EA6395
RGB
rgb(234, 99, 149)
HSL
hsl(338, 76%, 65%)
HSB
hsb(338, 58%, 92%)
CMYK
cmyk(0%, 58%, 36%, 8%)
Oklch
oklch(68.1% 0.173 359.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#DF7769

Peach Pink · Salmon · Coral Red

HEX
#DF7769
RGB
rgb(223, 119, 105)
HSL
hsl(7, 65%, 64%)
HSB
hsb(7, 53%, 87%)
CMYK
cmyk(0%, 47%, 53%, 13%)
Oklch
oklch(68.4% 0.132 28.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#5C6662

Ink Gray · DimGray · Charcoal

HEX
#5C6662
RGB
rgb(92, 102, 98)
HSL
hsl(156, 5%, 38%)
HSB
hsb(156, 10%, 40%)
CMYK
cmyk(10%, 0%, 4%, 60%)
Oklch
oklch(50.0% 0.014 169.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEDC11
2F10DA

Analogous

DA9410
BEDC11
57DA10

Triadic

BEDC11
10BCDA
DA10BC

Split-Comp.

BEDC11
1057DA
9410DA

Tetradic

BEDC11
10DA94
2F10DA
DA1057

Contrast Matrix WCAG 2.1 Contrast

BEDC11
7CB340
EA6395
DF7769
5C6662
—
1.6
Fail
2.0
Fail
1.9
Fail
3.8
AA Large
1.6
Fail
—
1.2
Fail
1.2
Fail
2.4
Fail
2.0
Fail
1.2
Fail
—
1.0
Fail
1.9
Fail
1.9
Fail
1.2
Fail
1.0
Fail
—
2.0
Fail
3.8
AA Large
2.4
Fail
1.9
Fail
2.0
Fail
—
White BG
1.6Fail
2.5Fail
3.1AA Large
3.0AA Large
5.9AA
Black BG
13.4AAA
8.4AAA
6.7AA
7.0AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB42
94945C
B0AE89
B2B16C
606063

Deuteranopia

C9C74E
918D63
B7C186
B8C06D
605F63

Tritanopia

C06971
7F7277
E37F7D
DA6F70
5C6464

Achromatopsia

BCBCBC
959595
919191
949494
636363

Shades & Tints Shades & Tints

#BEDC11

Dark
Light

#7CB340

Dark
Light

#EA6395

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bedc11;
  --color-2: #7cb340;
  --color-3: #ea6395;
  --color-4: #df7769;
  --color-5: #5c6662;
}

SCSS

$color-1: #bedc11;
$color-2: #7cb340;
$color-3: #ea6395;
$color-4: #df7769;
$color-5: #5c6662;

TAILWIND

colors: {
  'brand-1': '#bedc11',
  'brand-2': '#7cb340',
  'brand-3': '#ea6395',
  'brand-4': '#df7769',
  'brand-5': '#5c6662',
}

RGB Array

[190, 220, 17], [124, 179, 64], [234, 99, 149], [223, 119, 105], [92, 102, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BEDC11, #7CB340, #EA6395, #DF7769, #5C6662 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bedc11; --color-2: #7cb340; --color-3: #ea6395; --color-4: #df7769; --color-5: #5c6662. 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 tech, SaaS, healthcare, eco industries. 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