← Back to Editor

#948979 · #E3DBC6 · #BBCCBC · #AADDD6 · #350000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#948979

Ginger · Gray · Warm Sun

HEX
#948979
RGB
rgb(148, 137, 121)
HSL
hsl(36, 11%, 53%)
HSB
hsb(36, 18%, 58%)
CMYK
cmyk(0%, 7%, 18%, 42%)
Oklch
oklch(63.5% 0.027 77.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E3DBC6

Goose Yellow · LightGray · Lemon Cream

HEX
#E3DBC6
RGB
rgb(227, 219, 198)
HSL
hsl(43, 34%, 83%)
HSB
hsb(43, 13%, 89%)
CMYK
cmyk(0%, 4%, 13%, 11%)
Oklch
oklch(89.2% 0.029 89.6)

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

#BBCCBC

Celadon · Silver · Apple Green

HEX
#BBCCBC
RGB
rgb(187, 204, 188)
HSL
hsl(124, 14%, 77%)
HSB
hsb(124, 8%, 80%)
CMYK
cmyk(8%, 0%, 8%, 20%)
Oklch
oklch(82.8% 0.029 147.0)

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

#AADDD6

Jade · LightBlue · Glacier Blue

HEX
#AADDD6
RGB
rgb(170, 221, 214)
HSL
hsl(172, 43%, 77%)
HSB
hsb(172, 23%, 87%)
CMYK
cmyk(23%, 0%, 3%, 13%)
Oklch
oklch(86.0% 0.053 185.9)

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

#350000

Vermilion · Black · Deep Berry

HEX
#350000
RGB
rgb(53, 0, 0)
HSL
hsl(0, 100%, 10%)
HSB
hsb(0, 100%, 21%)
CMYK
cmyk(0%, 100%, 100%, 79%)
Oklch
oklch(20.7% 0.085 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

948979
7A8594

Analogous

947D7A
948979
92947A

Triadic

948979
7A948A
8A7A94

Split-Comp.

948979
7A9294
7D7A94

Tetradic

948979
7A947D
7A8594
947A92

Contrast Matrix WCAG 2.1 Contrast

948979
E3DBC6
BBCCBC
AADDD6
350000
—
2.5
Fail
2.0
Fail
2.3
Fail
5.3
AA
2.5
Fail
—
1.2
Fail
1.1
Fail
13.2
AAA
2.0
Fail
1.2
Fail
—
1.1
Fail
10.8
AAA
2.3
Fail
1.1
Fail
1.1
Fail
—
12.2
AAA
5.3
AA
13.2
AAA
10.8
AAA
12.2
AAA
—
White BG
3.4AA Large
1.4Fail
1.7Fail
1.5Fail
18.2AAA
Black BG
6.1AA
15.2AAA
12.5AAA
14.0AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8F7D
E0DFCB
C2C3C0
C0C1D8
1E1E00

Deuteranopia

90917E
E0E1CC
C1C0C1
BDB9D8
212500

Tritanopia

938081
E3CFD0
BCC3C4
ADD9D9
320000

Achromatopsia

8A8A8A
DBDBDB
C5C5C5
CDCDCD
101010

Shades & Tints Shades & Tints

#948979

Dark
Light

#E3DBC6

Dark
Light

#BBCCBC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #948979;
  --color-2: #e3dbc6;
  --color-3: #bbccbc;
  --color-4: #aaddd6;
  --color-5: #350000;
}

SCSS

$color-1: #948979;
$color-2: #e3dbc6;
$color-3: #bbccbc;
$color-4: #aaddd6;
$color-5: #350000;

TAILWIND

colors: {
  'brand-1': '#948979',
  'brand-2': '#e3dbc6',
  'brand-3': '#bbccbc',
  'brand-4': '#aaddd6',
  'brand-5': '#350000',
}

RGB Array

[148, 137, 121], [227, 219, 198], [187, 204, 188], [170, 221, 214], [53, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #948979, #E3DBC6, #BBCCBC, #AADDD6, #350000 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #948979; --color-2: #e3dbc6; --color-3: #bbccbc; --color-4: #aaddd6; --color-5: #350000. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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