← Back to Editor

#B6B6AE · #A8FEFD · #B4E7C6 · #FF8885 · #FFFAE6

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

#B6B6AE

Ash · DarkGray · Silver Sand

HEX
#B6B6AE
RGB
rgb(182, 182, 174)
HSL
hsl(60, 5%, 70%)
HSB
hsb(60, 4%, 71%)
CMYK
cmyk(0%, 0%, 4%, 29%)
Oklch
oklch(77.4% 0.011 106.7)

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

#A8FEFD

Jade · LightBlue · Glacier Blue

HEX
#A8FEFD
RGB
rgb(168, 254, 253)
HSL
hsl(179, 98%, 83%)
HSB
hsb(179, 34%, 100%)
CMYK
cmyk(34%, 0%, 0%, 0%)
Oklch
oklch(94.2% 0.083 194.9)

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

#B4E7C6

Emerald · LightBlue · Mint Green

HEX
#B4E7C6
RGB
rgb(180, 231, 198)
HSL
hsl(141, 52%, 81%)
HSB
hsb(141, 22%, 91%)
CMYK
cmyk(22%, 0%, 14%, 9%)
Oklch
oklch(88.4% 0.069 156.3)

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

#FF8885

Peach Pink · LightCoral · Coral Red

HEX
#FF8885
RGB
rgb(255, 136, 133)
HSL
hsl(1, 100%, 76%)
HSB
hsb(1, 48%, 100%)
CMYK
cmyk(0%, 47%, 48%, 0%)
Oklch
oklch(75.7% 0.145 22.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFFAE6

Goose Yellow · LightYellow · Lemon Cream

HEX
#FFFAE6
RGB
rgb(255, 250, 230)
HSL
hsl(48, 100%, 95%)
HSB
hsb(48, 10%, 100%)
CMYK
cmyk(0%, 2%, 10%, 0%)
Oklch
oklch(98.4% 0.027 95.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6B6AE
AFAFB6

Analogous

B6B3AF
B6B6AE
B3B6AF

Triadic

B6B6AE
AFB6B6
B6AFB6

Split-Comp.

B6B6AE
AFB3B6
B3AFB6

Tetradic

B6B6AE
AFB6B3
AFAFB6
B6AFB3

Contrast Matrix WCAG 2.1 Contrast

B6B6AE
A8FEFD
B4E7C6
FF8885
FFFAE6
—
1.8
Fail
1.5
Fail
1.1
Fail
2.0
Fail
1.8
Fail
—
1.2
Fail
2.0
Fail
1.1
Fail
1.5
Fail
1.2
Fail
—
1.7
Fail
1.3
Fail
1.1
Fail
2.0
Fail
1.7
Fail
—
2.2
Fail
2.0
Fail
1.1
Fail
1.3
Fail
2.2
Fail
—
White BG
2.0Fail
1.2Fail
1.4Fail
2.3Fail
1.0Fail
Black BG
10.3AAA
18.3AAA
15.2AAA
9.1AAA
20.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B6B0
CDCEFD
CACBCE
CBCA86
FDFDEB

Deuteranopia

B6B6B0
C8C2FD
C7C3D0
D2DB86
FDFEEC

Tritanopia

B6B1B2
ACFDFD
B7D4D6
F98686
FFEFF0

Achromatopsia

B5B5B5
E4E4E4
D4D4D4
ABABAB
F9F9F9

Shades & Tints Shades & Tints

#B6B6AE

Dark
Light

#A8FEFD

Dark
Light

#B4E7C6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6b6ae;
  --color-2: #a8fefd;
  --color-3: #b4e7c6;
  --color-4: #ff8885;
  --color-5: #fffae6;
}

SCSS

$color-1: #b6b6ae;
$color-2: #a8fefd;
$color-3: #b4e7c6;
$color-4: #ff8885;
$color-5: #fffae6;

TAILWIND

colors: {
  'brand-1': '#b6b6ae',
  'brand-2': '#a8fefd',
  'brand-3': '#b4e7c6',
  'brand-4': '#ff8885',
  'brand-5': '#fffae6',
}

RGB Array

[182, 182, 174], [168, 254, 253], [180, 231, 198], [255, 136, 133], [255, 250, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6B6AE, #A8FEFD, #B4E7C6, #FF8885, #FFFAE6 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: #b6b6ae; --color-2: #a8fefd; --color-3: #b4e7c6; --color-4: #ff8885; --color-5: #fffae6. 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