← Back to Editor

#AED3C1 · #70999F · #4A5559 · #EB9A49 · #FCEFC3

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

#AED3C1

Jade · Silver · Apple Green

HEX
#AED3C1
RGB
rgb(174, 211, 193)
HSL
hsl(151, 30%, 75%)
HSB
hsb(151, 18%, 83%)
CMYK
cmyk(18%, 0%, 9%, 17%)
Oklch
oklch(83.5% 0.047 164.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#70999F

Slate Blue · CadetBlue · Lake Green

HEX
#70999F
RGB
rgb(112, 153, 159)
HSL
hsl(188, 20%, 53%)
HSB
hsb(188, 30%, 62%)
CMYK
cmyk(30%, 4%, 0%, 38%)
Oklch
oklch(65.5% 0.046 207.3)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#4A5559

Slate Blue · DarkSlateGray · Charcoal

HEX
#4A5559
RGB
rgb(74, 85, 89)
HSL
hsl(196, 9%, 32%)
HSB
hsb(196, 17%, 35%)
CMYK
cmyk(17%, 4%, 0%, 65%)
Oklch
oklch(44.1% 0.015 221.7)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

#EB9A49

Ginger · SandyBrown · Warm Sun

HEX
#EB9A49
RGB
rgb(235, 154, 73)
HSL
hsl(30, 80%, 60%)
HSB
hsb(30, 69%, 92%)
CMYK
cmyk(0%, 34%, 69%, 8%)
Oklch
oklch(75.3% 0.136 62.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FCEFC3

Goose Yellow · Bisque · Lemon Cream

HEX
#FCEFC3
RGB
rgb(252, 239, 195)
HSL
hsl(46, 90%, 88%)
HSB
hsb(46, 23%, 99%)
CMYK
cmyk(0%, 5%, 23%, 1%)
Oklch
oklch(95.2% 0.059 93.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AED3C1
D2ACBF

Analogous

ACD2AD
AED3C1
ACD2D2

Triadic

AED3C1
C0ACD2
D2C0AC

Split-Comp.

AED3C1
D2ACD2
D2ADAC

Tetradic

AED3C1
ADACD2
D2ACBF
D2D2AC

Contrast Matrix WCAG 2.1 Contrast

AED3C1
70999F
4A5559
EB9A49
FCEFC3
—
1.9
Fail
4.7
AA
1.4
Fail
1.4
Fail
1.9
Fail
—
2.5
Fail
1.4
Fail
2.7
Fail
4.7
AA
2.5
Fail
—
3.4
AA Large
6.7
AA
1.4
Fail
1.4
Fail
3.4
AA Large
—
2.0
Fail
1.4
Fail
2.7
Fail
6.7
AA
2.0
Fail
—
White BG
1.6Fail
3.1AA Large
7.7AAA
2.3Fail
1.1Fail
Black BG
12.9AAA
6.7AA
2.7Fail
9.3AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEC5
82829E
4F4F58
C8C75D
F6F6CE

Deuteranopia

BCB9C6
7F7C9D
4E4D58
CDD361
F7F8D0

Tritanopia

B0C9CA
729C9C
4B5757
E76C6F
FBD6D8

Achromatopsia

C6C6C6
8D8D8D
525252
A9A9A9
EEEEEE

Shades & Tints Shades & Tints

#AED3C1

Dark
Light

#70999F

Dark
Light

#4A5559

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aed3c1;
  --color-2: #70999f;
  --color-3: #4a5559;
  --color-4: #eb9a49;
  --color-5: #fcefc3;
}

SCSS

$color-1: #aed3c1;
$color-2: #70999f;
$color-3: #4a5559;
$color-4: #eb9a49;
$color-5: #fcefc3;

TAILWIND

colors: {
  'brand-1': '#aed3c1',
  'brand-2': '#70999f',
  'brand-3': '#4a5559',
  'brand-4': '#eb9a49',
  'brand-5': '#fcefc3',
}

RGB Array

[174, 211, 193], [112, 153, 159], [74, 85, 89], [235, 154, 73], [252, 239, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AED3C1, #70999F, #4A5559, #EB9A49, #FCEFC3 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: #aed3c1; --color-2: #70999f; --color-3: #4a5559; --color-4: #eb9a49; --color-5: #fcefc3. 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