← Back to Editor

#8AEBCE · #8ACCEB · #C1C5FF · #DCE8D6 · #D3FFC2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#8AEBCE

Jade · SkyBlue · Lake Green

HEX
#8AEBCE
RGB
rgb(138, 235, 206)
HSL
hsl(162, 71%, 73%)
HSB
hsb(162, 41%, 92%)
CMYK
cmyk(41%, 0%, 12%, 8%)
Oklch
oklch(87.2% 0.101 172.6)

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

#8ACCEB

Sky Blue · SkyBlue · Lake Green

HEX
#8ACCEB
RGB
rgb(138, 204, 235)
HSL
hsl(199, 71%, 73%)
HSB
hsb(199, 41%, 92%)
CMYK
cmyk(41%, 13%, 0%, 8%)
Oklch
oklch(81.2% 0.080 229.1)

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

#C1C5FF

Azure · LightSteelBlue · Sky Blue

HEX
#C1C5FF
RGB
rgb(193, 197, 255)
HSL
hsl(236, 100%, 88%)
HSB
hsb(236, 24%, 100%)
CMYK
cmyk(24%, 23%, 0%, 0%)
Oklch
oklch(84.0% 0.081 281.4)

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

#DCE8D6

Celadon · LightGray · Mint Green

HEX
#DCE8D6
RGB
rgb(220, 232, 214)
HSL
hsl(100, 28%, 87%)
HSB
hsb(100, 8%, 91%)
CMYK
cmyk(5%, 0%, 8%, 9%)
Oklch
oklch(91.7% 0.027 135.0)

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

#D3FFC2

Emerald · Beige · Mint Green

HEX
#D3FFC2
RGB
rgb(211, 255, 194)
HSL
hsl(103, 100%, 88%)
HSB
hsb(103, 24%, 100%)
CMYK
cmyk(17%, 0%, 24%, 0%)
Oklch
oklch(95.4% 0.092 137.1)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8AEBCE
EB89A7

Analogous

89EB9D
8AEBCE
89D7EB

Triadic

8AEBCE
CE89EB
EBCE89

Split-Comp.

8AEBCE
EB89D7
EB9D89

Tetradic

8AEBCE
9D89EB
EB89A7
D7EB89

Contrast Matrix WCAG 2.1 Contrast

8AEBCE
8ACCEB
C1C5FF
DCE8D6
D3FFC2
—
1.2
Fail
1.2
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.1
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.5
Fail
1.1
Fail
—
White BG
1.4Fail
1.8Fail
1.7Fail
1.3Fail
1.1Fail
Black BG
14.9AAA
11.9AAA
12.7AAA
16.6AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B5D5
A7A7E3
C3C3F1
E1E1DA
E6E6D1

Deuteranopia

AEA7D7
A39EE2
C3C2EE
E1E0DB
E4E0D4

Tritanopia

8FDBDC
8DDEDC
C1E6E3
DDDEDF
D5DCDF

Achromatopsia

CBCBCB
BCBCBC
CACACA
E2E2E2
EBEBEB

Shades & Tints Shades & Tints

#8AEBCE

Dark
Light

#8ACCEB

Dark
Light

#C1C5FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8aebce;
  --color-2: #8acceb;
  --color-3: #c1c5ff;
  --color-4: #dce8d6;
  --color-5: #d3ffc2;
}

SCSS

$color-1: #8aebce;
$color-2: #8acceb;
$color-3: #c1c5ff;
$color-4: #dce8d6;
$color-5: #d3ffc2;

TAILWIND

colors: {
  'brand-1': '#8aebce',
  'brand-2': '#8acceb',
  'brand-3': '#c1c5ff',
  'brand-4': '#dce8d6',
  'brand-5': '#d3ffc2',
}

RGB Array

[138, 235, 206], [138, 204, 235], [193, 197, 255], [220, 232, 214], [211, 255, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8AEBCE, #8ACCEB, #C1C5FF, #DCE8D6, #D3FFC2 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8aebce; --color-2: #8acceb; --color-3: #c1c5ff; --color-4: #dce8d6; --color-5: #d3ffc2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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