← Back to Editor

#A3DDE9 · #BAEBEF · #E0F4F3 · #4D0006 · #AA0D28

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#A3DDE9

Sky Blue · LightBlue · Glacier Blue

HEX
#A3DDE9
RGB
rgb(163, 221, 233)
HSL
hsl(190, 61%, 78%)
HSB
hsb(190, 30%, 91%)
CMYK
cmyk(30%, 5%, 0%, 9%)
Oklch
oklch(86.2% 0.061 211.8)

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

#BAEBEF

Sky Blue · LightBlue · Glacier Blue

HEX
#BAEBEF
RGB
rgb(186, 235, 239)
HSL
hsl(185, 62%, 83%)
HSB
hsb(185, 22%, 94%)
CMYK
cmyk(22%, 2%, 0%, 6%)
Oklch
oklch(90.7% 0.050 202.5)

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

#E0F4F3

Jade · Lavender · Glacier Blue

HEX
#E0F4F3
RGB
rgb(224, 244, 243)
HSL
hsl(177, 48%, 92%)
HSB
hsb(177, 8%, 96%)
CMYK
cmyk(8%, 0%, 0%, 4%)
Oklch
oklch(95.2% 0.021 193.2)

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

#4D0006

Vermilion · Maroon · Deep Berry

HEX
#4D0006
RGB
rgb(77, 0, 6)
HSL
hsl(355, 100%, 15%)
HSB
hsb(355, 100%, 30%)
CMYK
cmyk(0%, 100%, 92%, 70%)
Oklch
oklch(26.5% 0.107 25.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#AA0D28

Vermilion · FireBrick · Wine Red

HEX
#AA0D28
RGB
rgb(170, 13, 40)
HSL
hsl(350, 86%, 36%)
HSB
hsb(350, 92%, 67%)
CMYK
cmyk(0%, 92%, 76%, 33%)
Oklch
oklch(47.1% 0.183 21.6)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3DDE9
E9B0A5

Analogous

A5E9D2
A3DDE9
A5BBE9

Triadic

A3DDE9
E9A5DE
DEE9A5

Split-Comp.

A3DDE9
E9A5BB
E9D2A5

Tetradic

A3DDE9
D2A5E9
E9B0A5
BBE9A5

Contrast Matrix WCAG 2.1 Contrast

A3DDE9
BAEBEF
E0F4F3
4D0006
AA0D28
—
1.2
Fail
1.3
Fail
10.7
AAA
5.0
AA
1.2
Fail
—
1.1
Fail
12.3
AAA
5.8
AA
1.3
Fail
1.1
Fail
—
14.0
AAA
6.6
AA
10.7
AAA
12.3
AAA
14.0
AAA
—
2.1
Fail
5.0
AA
5.8
AA
6.6
AA
2.1
Fail
—
White BG
1.5Fail
1.3Fail
1.1Fail
15.9AAA
7.5AAA
Black BG
14.1AAA
16.2AAA
18.4AAA
1.3Fail
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBDE6
CFD0EE
E9E9F3
2C2B05
666521

Deuteranopia

B9B4E5
CCC9EE
E8E6F3
303604
6F7B20

Tritanopia

A6E4E3
BCEDED
E1F3F3
490303
A21C1B

Achromatopsia

CDCDCD
DDDDDD
EEEEEE
181818
3F3F3F

Shades & Tints Shades & Tints

#A3DDE9

Dark
Light

#BAEBEF

Dark
Light

#E0F4F3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3dde9;
  --color-2: #baebef;
  --color-3: #e0f4f3;
  --color-4: #4d0006;
  --color-5: #aa0d28;
}

SCSS

$color-1: #a3dde9;
$color-2: #baebef;
$color-3: #e0f4f3;
$color-4: #4d0006;
$color-5: #aa0d28;

TAILWIND

colors: {
  'brand-1': '#a3dde9',
  'brand-2': '#baebef',
  'brand-3': '#e0f4f3',
  'brand-4': '#4d0006',
  'brand-5': '#aa0d28',
}

RGB Array

[163, 221, 233], [186, 235, 239], [224, 244, 243], [77, 0, 6], [170, 13, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #A3DDE9, #BAEBEF, #E0F4F3, #4D0006, #AA0D28 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #a3dde9; --color-2: #baebef; --color-3: #e0f4f3; --color-4: #4d0006; --color-5: #aa0d28. 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 cool-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