#AED01B + #6CAD90 + #5C81B4 + #8E73A1 + #C955B4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AED01B

Grass Green · GreenYellow · Olive Green

HEX

#AED01B

RGB

rgb(174, 208, 27)

HSL

hsl(71, 77%, 46%)

HSB

hsb(71, 87%, 82%)

CMYK

cmyk(16%, 0%, 87%, 18%)

Oklch

oklch(80.4% 0.187 121.0)

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

#6CAD90

Mineral Blue · CadetBlue · Olive Green

HEX

#6CAD90

RGB

rgb(108, 173, 144)

HSL

hsl(153, 28%, 55%)

HSB

hsb(153, 38%, 68%)

CMYK

cmyk(38%, 0%, 17%, 32%)

Oklch

oklch(69.5% 0.080 164.3)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#5C81B4

Azure · SteelBlue · Navy Blue

HEX

#5C81B4

RGB

rgb(92, 129, 180)

HSL

hsl(215, 37%, 53%)

HSB

hsb(215, 49%, 71%)

CMYK

cmyk(49%, 28%, 0%, 29%)

Oklch

oklch(59.7% 0.089 256.6)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#8E73A1

Dark Plum · LightSlateGray · Violet

HEX

#8E73A1

RGB

rgb(142, 115, 161)

HSL

hsl(275, 20%, 54%)

HSB

hsb(275, 29%, 63%)

CMYK

cmyk(12%, 29%, 0%, 37%)

Oklch

oklch(59.8% 0.075 310.9)

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

#C955B4

Rose Purple · MediumOrchid · Violet

HEX

#C955B4

RGB

rgb(201, 85, 180)

HSL

hsl(311, 52%, 56%)

HSB

hsb(311, 58%, 79%)

CMYK

cmyk(0%, 58%, 10%, 21%)

Oklch

oklch(62.9% 0.184 335.1)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AED01B

3C1BD0

Analogous

D0961B

AED01B

54D01B

Triadic

AED01B

1BAFD0

D01BAF

Split-Comp.

AED01B

1B54D0

961BD0

Tetradic

AED01B

1BD096

3C1BD0

D01B54

Contrast Matrix WCAG 2.1 Contrast

AED01B	6CAD90	5C81B4	8E73A1	C955B4
—	1.5 Fail	2.3 Fail	2.3 Fail	2.2 Fail
1.5 Fail	—	1.5 Fail	1.6 Fail	1.5 Fail
2.3 Fail	1.5 Fail	—	1.0 Fail	1.0 Fail
2.3 Fail	1.6 Fail	1.0 Fail	—	1.1 Fail
2.2 Fail	1.5 Fail	1.0 Fail	1.1 Fail	—

White BG

1.8Fail

2.6Fail

4.0AA Large

4.1AA Large

3.9AA Large

Black BG

11.8AAA

8.0AAA

5.3AA

5.1AA

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBD47

888997

6C6CA8

828296

97969D

Deuteranopia

BBB851

848099

6A67A5

848693

9EA698

Tritanopia

B06971

6F9D9E

5E9E9C

8D8D8B

C38B87

Achromatopsia

B1B1B1

969696

7C7C7C

808080

838383

Shades & Tints Shades & Tints

#AED01B

Dark

Light

#6CAD90

Dark

Light

#5C81B4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aed01b;
  --color-2: #6cad90;
  --color-3: #5c81b4;
  --color-4: #8e73a1;
  --color-5: #c955b4;
}

SCSS

$color-1: #aed01b;
$color-2: #6cad90;
$color-3: #5c81b4;
$color-4: #8e73a1;
$color-5: #c955b4;

TAILWIND

colors: {
  'brand-1': '#aed01b',
  'brand-2': '#6cad90',
  'brand-3': '#5c81b4',
  'brand-4': '#8e73a1',
  'brand-5': '#c955b4',
}

RGB Array

[174, 208, 27], [108, 173, 144], [92, 129, 180], [142, 115, 161], [201, 85, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AED01B, #6CAD90, #5C81B4, #8E73A1, #C955B4 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: #aed01b; --color-2: #6cad90; --color-3: #5c81b4; --color-4: #8e73a1; --color-5: #c955b4. 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