← Back to Editor

#AEC8C7 · #7DD4D1 · #B4B5DB · #FC9ABE · #050608

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

#AEC8C7

Jade · Silver · Lake Green

HEX
#AEC8C7
RGB
rgb(174, 200, 199)
HSL
hsl(178, 19%, 73%)
HSB
hsb(178, 13%, 78%)
CMYK
cmyk(13%, 0%, 0%, 22%)
Oklch
oklch(81.3% 0.028 193.8)

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

#7DD4D1

Jade · SkyBlue · Lake Green

HEX
#7DD4D1
RGB
rgb(125, 212, 209)
HSL
hsl(178, 50%, 66%)
HSB
hsb(178, 41%, 83%)
CMYK
cmyk(41%, 0%, 1%, 17%)
Oklch
oklch(81.4% 0.084 192.8)

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

#B4B5DB

Azure · LightSteelBlue · Cobalt Blue

HEX
#B4B5DB
RGB
rgb(180, 181, 219)
HSL
hsl(238, 35%, 78%)
HSB
hsb(238, 18%, 86%)
CMYK
cmyk(18%, 17%, 0%, 14%)
Oklch
oklch(78.5% 0.054 283.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#FC9ABE

Rouge · LightPink · Cherry Blossom

HEX
#FC9ABE
RGB
rgb(252, 154, 190)
HSL
hsl(338, 94%, 80%)
HSB
hsb(338, 39%, 99%)
CMYK
cmyk(0%, 39%, 25%, 1%)
Oklch
oklch(79.6% 0.124 356.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#050608

Indigo · Black · Deep Sea Blue

HEX
#050608
RGB
rgb(5, 6, 8)
HSL
hsl(220, 23%, 3%)
HSB
hsb(220, 38%, 3%)
CMYK
cmyk(37%, 25%, 0%, 97%)
Oklch
oklch(12.2% 0.006 261.6)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEC8C7
C7ADAE

Analogous

ADC7B9
AEC8C7
ADBBC7

Triadic

AEC8C7
C6ADC7
C7C6AD

Split-Comp.

AEC8C7
C7ADBB
C7B9AD

Tetradic

AEC8C7
B9ADC7
C7ADAE
BBC7AD

Contrast Matrix WCAG 2.1 Contrast

AEC8C7
7DD4D1
B4B5DB
FC9ABE
050608
—
1.0
Fail
1.1
Fail
1.1
Fail
11.5
AAA
1.0
Fail
—
1.2
Fail
1.2
Fail
11.8
AAA
1.1
Fail
1.2
Fail
—
1.0
Fail
10.2
AAA
1.1
Fail
1.2
Fail
1.0
Fail
—
10.1
AAA
11.5
AAA
11.8
AAA
10.2
AAA
10.1
AAA
—
White BG
1.8Fail
1.7Fail
2.0Fail
2.0Fail
20.3AAA
Black BG
11.9AAA
12.2AAA
10.6AAA
10.5AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9C7
A3A3D2
B4B4D2
D2D1B5
050508

Deuteranopia

B8B6C7
9E97D2
B4B4D0
D7DFB3
050507

Tritanopia

AFC7C7
81D2D2
B4CBC9
F7AEAD
050707

Achromatopsia

C0C0C0
BABABA
B9B9B9
BBBBBB
060606

Shades & Tints Shades & Tints

#AEC8C7

Dark
Light

#7DD4D1

Dark
Light

#B4B5DB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aec8c7;
  --color-2: #7dd4d1;
  --color-3: #b4b5db;
  --color-4: #fc9abe;
  --color-5: #050608;
}

SCSS

$color-1: #aec8c7;
$color-2: #7dd4d1;
$color-3: #b4b5db;
$color-4: #fc9abe;
$color-5: #050608;

TAILWIND

colors: {
  'brand-1': '#aec8c7',
  'brand-2': '#7dd4d1',
  'brand-3': '#b4b5db',
  'brand-4': '#fc9abe',
  'brand-5': '#050608',
}

RGB Array

[174, 200, 199], [125, 212, 209], [180, 181, 219], [252, 154, 190], [5, 6, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AEC8C7, #7DD4D1, #B4B5DB, #FC9ABE, #050608 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: #aec8c7; --color-2: #7dd4d1; --color-3: #b4b5db; --color-4: #fc9abe; --color-5: #050608. 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