← Back to Editor

#A6A8AB · #BEC4C4 · #DADED7 · #EDEDE6 · #FCFBF5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A6A8AB

Ash · DarkGray · Silver Sand

HEX
#A6A8AB
RGB
rgb(166, 168, 171)
HSL
hsl(216, 3%, 66%)
HSB
hsb(216, 3%, 67%)
CMYK
cmyk(3%, 2%, 0%, 33%)
Oklch
oklch(73.1% 0.005 258.3)

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

#BEC4C4

Silver Gray · Silver · Pearl Gray

HEX
#BEC4C4
RGB
rgb(190, 196, 196)
HSL
hsl(180, 5%, 76%)
HSB
hsb(180, 3%, 77%)
CMYK
cmyk(3%, 0%, 0%, 23%)
Oklch
oklch(81.6% 0.007 197.0)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#DADED7

Celadon · LightGray · Mint Green

HEX
#DADED7
RGB
rgb(218, 222, 215)
HSL
hsl(94, 10%, 86%)
HSB
hsb(94, 3%, 87%)
CMYK
cmyk(2%, 0%, 3%, 13%)
Oklch
oklch(89.6% 0.010 131.4)

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

#EDEDE6

Fresh Green · Linen · Lemon Cream

HEX
#EDEDE6
RGB
rgb(237, 237, 230)
HSL
hsl(60, 16%, 92%)
HSB
hsb(60, 3%, 93%)
CMYK
cmyk(0%, 0%, 3%, 7%)
Oklch
oklch(94.4% 0.009 106.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FCFBF5

Fresh Green · Snow · Lemon Cream

HEX
#FCFBF5
RGB
rgb(252, 251, 245)
HSL
hsl(51, 54%, 97%)
HSB
hsb(51, 3%, 99%)
CMYK
cmyk(0%, 0%, 3%, 1%)
Oklch
oklch(98.7% 0.008 98.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6A8AB
ABA9A6

Analogous

A6AAAB
A6A8AB
A6A6AB

Triadic

A6A8AB
ABA6A8
A8ABA6

Split-Comp.

A6A8AB
ABA6A6
AAABA6

Tetradic

A6A8AB
ABA6AA
ABA9A6
A6ABA6

Contrast Matrix WCAG 2.1 Contrast

A6A8AB
BEC4C4
DADED7
EDEDE6
FCFBF5
—
1.3
Fail
1.7
Fail
2.0
Fail
2.3
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.7
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
2.3
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
2.4Fail
1.8Fail
1.4Fail
1.2Fail
1.0Fail
Black BG
8.8AAA
11.9AAA
15.4AAA
17.9AAA
20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A7AA
C1C1C4
DCDCD9
EDEDE8
FCFCF6

Deuteranopia

A7A7AA
C0C0C4
DCDBD9
EDEDE8
FCFCF7

Tritanopia

A6AAAA
BEC4C4
DADADA
EDE9E9
FCF8F8

Achromatopsia

A8A8A8
C2C2C2
DCDCDC
ECECEC
FBFBFB

Shades & Tints Shades & Tints

#A6A8AB

Dark
Light

#BEC4C4

Dark
Light

#DADED7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6a8ab;
  --color-2: #bec4c4;
  --color-3: #daded7;
  --color-4: #edede6;
  --color-5: #fcfbf5;
}

SCSS

$color-1: #a6a8ab;
$color-2: #bec4c4;
$color-3: #daded7;
$color-4: #edede6;
$color-5: #fcfbf5;

TAILWIND

colors: {
  'brand-1': '#a6a8ab',
  'brand-2': '#bec4c4',
  'brand-3': '#daded7',
  'brand-4': '#edede6',
  'brand-5': '#fcfbf5',
}

RGB Array

[166, 168, 171], [190, 196, 196], [218, 222, 215], [237, 237, 230], [252, 251, 245]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6A8AB, #BEC4C4, #DADED7, #EDEDE6, #FCFBF5 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a6a8ab; --color-2: #bec4c4; --color-3: #daded7; --color-4: #edede6; --color-5: #fcfbf5. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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