← Back to Editor

#AEDEC4 · #E2E8BC · #ABB060 · #55893F · #499D7B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#AEDEC4

Celadon · LightBlue · Apple Green

HEX
#AEDEC4
RGB
rgb(174, 222, 196)
HSL
hsl(148, 42%, 78%)
HSB
hsb(148, 22%, 87%)
CMYK
cmyk(22%, 0%, 12%, 13%)
Oklch
oklch(86.0% 0.061 161.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#E2E8BC

Fresh Green · Wheat · Lemon Cream

HEX
#E2E8BC
RGB
rgb(226, 232, 188)
HSL
hsl(68, 49%, 82%)
HSB
hsb(68, 19%, 91%)
CMYK
cmyk(3%, 0%, 19%, 9%)
Oklch
oklch(91.5% 0.058 113.9)

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

#ABB060

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#ABB060
RGB
rgb(171, 176, 96)
HSL
hsl(64, 34%, 53%)
HSB
hsb(64, 45%, 69%)
CMYK
cmyk(3%, 0%, 45%, 31%)
Oklch
oklch(73.5% 0.104 111.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#55893F

Celadon · DarkOliveGreen · Forest Green

HEX
#55893F
RGB
rgb(85, 137, 63)
HSL
hsl(102, 37%, 39%)
HSB
hsb(102, 54%, 54%)
CMYK
cmyk(38%, 0%, 54%, 46%)
Oklch
oklch(57.6% 0.119 137.2)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#499D7B

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#499D7B
RGB
rgb(73, 157, 123)
HSL
hsl(156, 37%, 45%)
HSB
hsb(156, 54%, 62%)
CMYK
cmyk(54%, 0%, 22%, 38%)
Oklch
oklch(63.4% 0.098 164.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEDEC4
DEAFC8

Analogous

B1DEAF
AEDEC4
AFDEDD

Triadic

AEDEC4
C5AFDE
DEC5AF

Split-Comp.

AEDEC4
DDAFDE
DEAFB1

Tetradic

AEDEC4
AFB1DE
DEAFC8
DEDDAF

Contrast Matrix WCAG 2.1 Contrast

AEDEC4
E2E8BC
ABB060
55893F
499D7B
—
1.2
Fail
1.5
Fail
2.8
Fail
2.2
Fail
1.2
Fail
—
1.8
Fail
3.3
AA Large
2.6
Fail
1.5
Fail
1.8
Fail
—
1.8
Fail
1.4
Fail
2.8
Fail
3.3
AA Large
1.8
Fail
—
1.3
Fail
2.2
Fail
2.6
Fail
1.4
Fail
1.3
Fail
—
White BG
1.5Fail
1.3Fail
2.3Fail
4.2AA Large
3.3AA Large
Black BG
14.0AAA
16.5AAA
9.1AAA
5.0AA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3CA
E5E5C7
ADAD73
6C6C51
6D6E83

Deuteranopia

C0BCCC
E4E4C9
ADAD78
696555
696285

Tritanopia

B0CFD0
E2CFD1
AB8386
585F62
4D8A8B

Achromatopsia

CDCDCD
E1E1E1
A5A5A5
717171
808080

Shades & Tints Shades & Tints

#AEDEC4

Dark
Light

#E2E8BC

Dark
Light

#ABB060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aedec4;
  --color-2: #e2e8bc;
  --color-3: #abb060;
  --color-4: #55893f;
  --color-5: #499d7b;
}

SCSS

$color-1: #aedec4;
$color-2: #e2e8bc;
$color-3: #abb060;
$color-4: #55893f;
$color-5: #499d7b;

TAILWIND

colors: {
  'brand-1': '#aedec4',
  'brand-2': '#e2e8bc',
  'brand-3': '#abb060',
  'brand-4': '#55893f',
  'brand-5': '#499d7b',
}

RGB Array

[174, 222, 196], [226, 232, 188], [171, 176, 96], [85, 137, 63], [73, 157, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AEDEC4, #E2E8BC, #ABB060, #55893F, #499D7B is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #aedec4; --color-2: #e2e8bc; --color-3: #abb060; --color-4: #55893f; --color-5: #499d7b. 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 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