← Back to Editor

#AAA9A2 · #FFFBE9 · #C9EBFF · #DFF3FF · #F3FBFF

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 App

Color Details Color Details

#AAA9A2

Ash · DarkGray · Silver Sand

HEX
#AAA9A2
RGB
rgb(170, 169, 162)
HSL
hsl(53, 4%, 65%)
HSB
hsb(53, 5%, 67%)
CMYK
cmyk(0%, 1%, 5%, 33%)
Oklch
oklch(73.4% 0.010 100.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#FFFBE9

Goose Yellow · SeaShell · Lemon Cream

HEX
#FFFBE9
RGB
rgb(255, 251, 233)
HSL
hsl(49, 100%, 96%)
HSB
hsb(49, 9%, 100%)
CMYK
cmyk(0%, 2%, 9%, 0%)
Oklch
oklch(98.6% 0.024 96.6)

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

#C9EBFF

Sky Blue · Lavender · Sky Blue

HEX
#C9EBFF
RGB
rgb(201, 235, 255)
HSL
hsl(202, 100%, 89%)
HSB
hsb(202, 21%, 100%)
CMYK
cmyk(21%, 8%, 0%, 0%)
Oklch
oklch(92.2% 0.045 233.8)

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

#DFF3FF

Sky Blue · Lavender · Sky Blue

HEX
#DFF3FF
RGB
rgb(223, 243, 255)
HSL
hsl(203, 100%, 94%)
HSB
hsb(203, 13%, 100%)
CMYK
cmyk(13%, 5%, 0%, 0%)
Oklch
oklch(95.3% 0.027 234.0)

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

#F3FBFF

Sky Blue · White · Sky Blue

HEX
#F3FBFF
RGB
rgb(243, 251, 255)
HSL
hsl(200, 100%, 98%)
HSB
hsb(200, 5%, 100%)
CMYK
cmyk(5%, 2%, 0%, 0%)
Oklch
oklch(98.3% 0.010 228.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAA9A2
A2A3A9

Analogous

A9A5A2
AAA9A2
A7A9A2

Triadic

AAA9A2
A2A9A8
A8A2A9

Split-Comp.

AAA9A2
A2A7A9
A5A2A9

Tetradic

AAA9A2
A2A9A5
A2A3A9
A9A2A7

Contrast Matrix WCAG 2.1 Contrast

AAA9A2
FFFBE9
C9EBFF
DFF3FF
F3FBFF
—
2.3
Fail
1.9
Fail
2.1
Fail
2.3
Fail
2.3
Fail
—
1.2
Fail
1.1
Fail
1.0
Fail
1.9
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
2.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
2.3
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
White BG
2.4Fail
1.0Fail
1.2Fail
1.1Fail
1.0Fail
Black BG
8.9AAA
20.2AAA
16.8AAA
18.4AAA
20.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAA4
FDFDED
D8D8FA
E8E8FC
F6F7FE

Deuteranopia

AAAAA4
FEFEEE
D6D3F9
E7E5FB
F6F5FE

Tritanopia

AAA5A5
FFF1F2
CBF6F6
E0FAF9
F3FDFD

Achromatopsia

A9A9A9
FAFAFA
E3E3E3
EEEEEE
F9F9F9

Shades & Tints Shades & Tints

#AAA9A2

Dark
Light

#FFFBE9

Dark
Light

#C9EBFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aaa9a2;
  --color-2: #fffbe9;
  --color-3: #c9ebff;
  --color-4: #dff3ff;
  --color-5: #f3fbff;
}

SCSS

$color-1: #aaa9a2;
$color-2: #fffbe9;
$color-3: #c9ebff;
$color-4: #dff3ff;
$color-5: #f3fbff;

TAILWIND

colors: {
  'brand-1': '#aaa9a2',
  'brand-2': '#fffbe9',
  'brand-3': '#c9ebff',
  'brand-4': '#dff3ff',
  'brand-5': '#f3fbff',
}

RGB Array

[170, 169, 162], [255, 251, 233], [201, 235, 255], [223, 243, 255], [243, 251, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #AAA9A2, #FFFBE9, #C9EBFF, #DFF3FF, #F3FBFF 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: #aaa9a2; --color-2: #fffbe9; --color-3: #c9ebff; --color-4: #dff3ff; --color-5: #f3fbff. 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 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