← Back to Editor

#AAE3AC · #A3D95C · #8FDDDE · #F5E04D · #2E4D65

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 LibraryData Visualization

Color Details Color Details

#AAE3AC

Celadon · LightGreen · Apple Green

HEX
#AAE3AC
RGB
rgb(170, 227, 172)
HSL
hsl(122, 50%, 78%)
HSB
hsb(122, 25%, 89%)
CMYK
cmyk(25%, 0%, 24%, 11%)
Oklch
oklch(86.2% 0.095 145.6)

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

#A3D95C

Willow Green · LightGreen · Apple Green

HEX
#A3D95C
RGB
rgb(163, 217, 92)
HSL
hsl(86, 62%, 61%)
HSB
hsb(86, 58%, 85%)
CMYK
cmyk(25%, 0%, 58%, 15%)
Oklch
oklch(82.2% 0.165 129.1)

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

#8FDDDE

Sky Blue · SkyBlue · Lake Green

HEX
#8FDDDE
RGB
rgb(143, 221, 222)
HSL
hsl(181, 54%, 72%)
HSB
hsb(181, 36%, 87%)
CMYK
cmyk(36%, 0%, 0%, 13%)
Oklch
oklch(84.8% 0.077 196.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#F5E04D

Fresh Green · SandyBrown · Sunflower

HEX
#F5E04D
RGB
rgb(245, 224, 77)
HSL
hsl(52, 89%, 63%)
HSB
hsb(52, 69%, 96%)
CMYK
cmyk(0%, 9%, 69%, 4%)
Oklch
oklch(89.9% 0.162 101.0)

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

#2E4D65

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#2E4D65
RGB
rgb(46, 77, 101)
HSL
hsl(206, 37%, 29%)
HSB
hsb(206, 54%, 40%)
CMYK
cmyk(54%, 24%, 0%, 60%)
Oklch
oklch(40.7% 0.055 243.0)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAE3AC
E3ABE1

Analogous

C5E3AB
AAE3AC
ABE3C9

Triadic

AAE3AC
ADABE3
E3ADAB

Split-Comp.

AAE3AC
C9ABE3
E3ABC5

Tetradic

AAE3AC
ABC5E3
E3ABE1
E3C9AB

Contrast Matrix WCAG 2.1 Contrast

AAE3AC
A3D95C
8FDDDE
F5E04D
2E4D65
—
1.1
Fail
1.1
Fail
1.1
Fail
6.0
AA
1.1
Fail
—
1.1
Fail
1.2
Fail
5.3
AA
1.1
Fail
1.1
Fail
—
1.2
Fail
5.7
AA
1.1
Fail
1.2
Fail
1.2
Fail
—
6.6
AA
6.0
AA
5.3
AA
5.7
AA
6.6
AA
—
White BG
1.5Fail
1.7Fail
1.5Fail
1.3Fail
8.9AAA
Black BG
14.3AAA
12.6AAA
13.6AAA
15.7AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3B9
BABB7A
B1B1DE
ECEC71
3B3C5F

Deuteranopia

BFBBBD
B7B382
ACA6DE
EDEF79
3A375E

Tritanopia

ADC4C6
A69297
93DEDE
F48D93
305B5A

Achromatopsia

CCCCCC
BBBBBB
C6C6C6
D6D6D6
464646

Shades & Tints Shades & Tints

#AAE3AC

Dark
Light

#A3D95C

Dark
Light

#8FDDDE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aae3ac;
  --color-2: #a3d95c;
  --color-3: #8fddde;
  --color-4: #f5e04d;
  --color-5: #2e4d65;
}

SCSS

$color-1: #aae3ac;
$color-2: #a3d95c;
$color-3: #8fddde;
$color-4: #f5e04d;
$color-5: #2e4d65;

TAILWIND

colors: {
  'brand-1': '#aae3ac',
  'brand-2': '#a3d95c',
  'brand-3': '#8fddde',
  'brand-4': '#f5e04d',
  'brand-5': '#2e4d65',
}

RGB Array

[170, 227, 172], [163, 217, 92], [143, 221, 222], [245, 224, 77], [46, 77, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAE3AC, #A3D95C, #8FDDDE, #F5E04D, #2E4D65 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: #aae3ac; --color-2: #a3d95c; --color-3: #8fddde; --color-4: #f5e04d; --color-5: #2e4d65. 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