← Back to Editor

#8DAAC4 · #BCDAE6 · #6193D4 · #87DFFA · #1BBFFA

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

#8DAAC4

Sky Blue · DarkGray · Cobalt Blue

HEX
#8DAAC4
RGB
rgb(141, 170, 196)
HSL
hsl(208, 32%, 66%)
HSB
hsb(208, 28%, 77%)
CMYK
cmyk(28%, 13%, 0%, 23%)
Oklch
oklch(72.5% 0.050 245.6)

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

#BCDAE6

Sky Blue · LightBlue · Glacier Blue

HEX
#BCDAE6
RGB
rgb(188, 218, 230)
HSL
hsl(197, 46%, 82%)
HSB
hsb(197, 18%, 90%)
CMYK
cmyk(18%, 5%, 0%, 10%)
Oklch
oklch(87.0% 0.036 223.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#6193D4

Azure · CornflowerBlue · Cobalt Blue

HEX
#6193D4
RGB
rgb(97, 147, 212)
HSL
hsl(214, 57%, 61%)
HSB
hsb(214, 54%, 83%)
CMYK
cmyk(54%, 31%, 0%, 17%)
Oklch
oklch(65.6% 0.112 255.5)

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

#87DFFA

Sky Blue · LightSkyBlue · Lake Green

HEX
#87DFFA
RGB
rgb(135, 223, 250)
HSL
hsl(194, 92%, 75%)
HSB
hsb(194, 46%, 98%)
CMYK
cmyk(46%, 11%, 0%, 2%)
Oklch
oklch(85.8% 0.093 219.6)

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

#1BBFFA

Lake Blue · DeepSkyBlue · Lake Green

HEX
#1BBFFA
RGB
rgb(27, 191, 250)
HSL
hsl(196, 96%, 54%)
HSB
hsb(196, 89%, 98%)
CMYK
cmyk(89%, 24%, 0%, 2%)
Oklch
oklch(75.5% 0.147 230.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8DAAC4
C4A68D

Analogous

8DC4C2
8DAAC4
8D8EC4

Triadic

8DAAC4
C48DAA
AAC48D

Split-Comp.

8DAAC4
C48D8E
C4C28D

Tetradic

8DAAC4
C28DC4
C4A68D
8EC48D

Contrast Matrix WCAG 2.1 Contrast

8DAAC4
BCDAE6
6193D4
87DFFA
1BBFFA
—
1.6
Fail
1.3
Fail
1.6
Fail
1.1
Fail
1.6
Fail
—
2.2
Fail
1.0
Fail
1.4
Fail
1.3
Fail
2.2
Fail
—
2.1
Fail
1.5
Fail
1.6
Fail
1.0
Fail
2.1
Fail
—
1.4
Fail
1.1
Fail
1.4
Fail
1.5
Fail
1.4
Fail
—
White BG
2.4Fail
1.5Fail
3.2AA Large
1.5Fail
2.1Fail
Black BG
8.7AAA
14.3AAA
6.6AA
14.0AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9ABE
C9C9E3
7777C4
ADAEF3
6263EC

Deuteranopia

9896BC
C7C5E2
7470C0
A8A1F2
594CE8

Tritanopia

8EB9B8
BEE1E0
63B8B5
8BEEED
23E0DE

Achromatopsia

A4A4A4
D2D2D2
8B8B8B
C8C8C8
959595

Shades & Tints Shades & Tints

#8DAAC4

Dark
Light

#BCDAE6

Dark
Light

#6193D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8daac4;
  --color-2: #bcdae6;
  --color-3: #6193d4;
  --color-4: #87dffa;
  --color-5: #1bbffa;
}

SCSS

$color-1: #8daac4;
$color-2: #bcdae6;
$color-3: #6193d4;
$color-4: #87dffa;
$color-5: #1bbffa;

TAILWIND

colors: {
  'brand-1': '#8daac4',
  'brand-2': '#bcdae6',
  'brand-3': '#6193d4',
  'brand-4': '#87dffa',
  'brand-5': '#1bbffa',
}

RGB Array

[141, 170, 196], [188, 218, 230], [97, 147, 212], [135, 223, 250], [27, 191, 250]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8DAAC4, #BCDAE6, #6193D4, #87DFFA, #1BBFFA 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: #8daac4; --color-2: #bcdae6; --color-3: #6193d4; --color-4: #87dffa; --color-5: #1bbffa. 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