← Back to Editor

#A1DBE6 · #6AC6D8 · #C5E5EB · #F5E6C9 · #FFF7E8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A1DBE6

Sky Blue · LightBlue · Glacier Blue

HEX
#A1DBE6
RGB
rgb(161, 219, 230)
HSL
hsl(190, 58%, 77%)
HSB
hsb(190, 30%, 90%)
CMYK
cmyk(30%, 5%, 0%, 10%)
Oklch
oklch(85.5% 0.061 210.6)

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

#6AC6D8

Sky Blue · SkyBlue · Lake Green

HEX
#6AC6D8
RGB
rgb(106, 198, 216)
HSL
hsl(190, 59%, 63%)
HSB
hsb(190, 51%, 85%)
CMYK
cmyk(51%, 8%, 0%, 15%)
Oklch
oklch(77.6% 0.091 211.9)

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

#C5E5EB

Sky Blue · LightBlue · Glacier Blue

HEX
#C5E5EB
RGB
rgb(197, 229, 235)
HSL
hsl(189, 49%, 85%)
HSB
hsb(189, 16%, 92%)
CMYK
cmyk(16%, 3%, 0%, 8%)
Oklch
oklch(90.1% 0.035 210.2)

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

#F5E6C9

Goose Yellow · Bisque · Lemon Cream

HEX
#F5E6C9
RGB
rgb(245, 230, 201)
HSL
hsl(40, 69%, 87%)
HSB
hsb(40, 18%, 96%)
CMYK
cmyk(0%, 6%, 18%, 4%)
Oklch
oklch(92.9% 0.042 83.9)

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

#FFF7E8

Goose Yellow · SeaShell · Peach Orange

HEX
#FFF7E8
RGB
rgb(255, 247, 232)
HSL
hsl(39, 100%, 95%)
HSB
hsb(39, 9%, 100%)
CMYK
cmyk(0%, 3%, 9%, 0%)
Oklch
oklch(97.8% 0.022 83.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1DBE6
E6AEA2

Analogous

A2E6D0
A1DBE6
A2B9E6

Triadic

A1DBE6
E6A2DB
DBE6A2

Split-Comp.

A1DBE6
E6A2B9
E6D0A2

Tetradic

A1DBE6
D0A2E6
E6AEA2
B9E6A2

Contrast Matrix WCAG 2.1 Contrast

A1DBE6
6AC6D8
C5E5EB
F5E6C9
FFF7E8
—
1.3
Fail
1.1
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
1.5
Fail
1.6
Fail
1.8
Fail
1.1
Fail
1.5
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.2
Fail
1.2
Fail
—
White BG
1.5Fail
2.0Fail
1.3Fail
1.2Fail
1.1Fail
Black BG
13.8AAA
10.7AAA
15.8AAA
17.0AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABBE3
9293D4
D3D3EA
EFEED0
FCFBEC

Deuteranopia

B7B2E3
8D86D3
D1CFE9
EFF1D2
FCFDEC

Tritanopia

A4E1E1
6FD0CF
C7E8E8
F4D6D7
FFEEEF

Achromatopsia

CBCBCB
ADADAD
DCDCDC
E7E7E7
F8F8F8

Shades & Tints Shades & Tints

#A1DBE6

Dark
Light

#6AC6D8

Dark
Light

#C5E5EB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1dbe6;
  --color-2: #6ac6d8;
  --color-3: #c5e5eb;
  --color-4: #f5e6c9;
  --color-5: #fff7e8;
}

SCSS

$color-1: #a1dbe6;
$color-2: #6ac6d8;
$color-3: #c5e5eb;
$color-4: #f5e6c9;
$color-5: #fff7e8;

TAILWIND

colors: {
  'brand-1': '#a1dbe6',
  'brand-2': '#6ac6d8',
  'brand-3': '#c5e5eb',
  'brand-4': '#f5e6c9',
  'brand-5': '#fff7e8',
}

RGB Array

[161, 219, 230], [106, 198, 216], [197, 229, 235], [245, 230, 201], [255, 247, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1DBE6, #6AC6D8, #C5E5EB, #F5E6C9, #FFF7E8 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: #a1dbe6; --color-2: #6ac6d8; --color-3: #c5e5eb; --color-4: #f5e6c9; --color-5: #fff7e8. 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