← Back to Editor

#B8B3A8 · #79818E · #7A0203 · #2B0105 · #120106

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

#B8B3A8

Ginger · DarkGray · Sunflower

HEX
#B8B3A8
RGB
rgb(184, 179, 168)
HSL
hsl(41, 10%, 69%)
HSB
hsb(41, 9%, 72%)
CMYK
cmyk(0%, 3%, 9%, 28%)
Oklch
oklch(76.8% 0.016 86.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#79818E

Azure · SlateGray · Warm Gray

HEX
#79818E
RGB
rgb(121, 129, 142)
HSL
hsl(217, 9%, 52%)
HSB
hsb(217, 15%, 56%)
CMYK
cmyk(15%, 9%, 0%, 44%)
Oklch
oklch(60.1% 0.022 260.2)

Traditional「Azure」· Paint「Warm Gray」· Creative Urban Concrete

#7A0203

Vermilion · Maroon · Wine Red

HEX
#7A0203
RGB
rgb(122, 2, 3)
HSL
hsl(359, 97%, 24%)
HSB
hsb(359, 98%, 48%)
CMYK
cmyk(0%, 98%, 98%, 52%)
Oklch
oklch(36.5% 0.148 28.7)

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

#2B0105

Vermilion · Black · Deep Berry

HEX
#2B0105
RGB
rgb(43, 1, 5)
HSL
hsl(354, 95%, 9%)
HSB
hsb(354, 98%, 17%)
CMYK
cmyk(0%, 98%, 88%, 83%)
Oklch
oklch(18.5% 0.071 20.4)

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

#120106

Dark Violet · Black · Raspberry

HEX
#120106
RGB
rgb(18, 1, 6)
HSL
hsl(342, 89%, 4%)
HSB
hsb(342, 94%, 7%)
CMYK
cmyk(0%, 94%, 67%, 93%)
Oklch
oklch(12.3% 0.043 358.6)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8B3A8
A8ADB8

Analogous

B8ABA8
B8B3A8
B5B8A8

Triadic

B8B3A8
A8B8B3
B3A8B8

Split-Comp.

B8B3A8
A8B5B8
ABA8B8

Tetradic

B8B3A8
A8B8AB
A8ADB8
B8A8B5

Contrast Matrix WCAG 2.1 Contrast

B8B3A8
79818E
7A0203
2B0105
120106
—
1.9
Fail
5.5
AA
9.1
AAA
9.7
AAA
1.9
Fail
—
2.9
Fail
4.8
AA
5.2
AA
5.5
AA
2.9
Fail
—
1.7
Fail
1.8
Fail
9.1
AAA
4.8
AA
1.7
Fail
—
1.1
Fail
9.7
AAA
5.2
AA
1.8
Fail
1.1
Fail
—
White BG
2.1Fail
3.9AA Large
11.4AAA
18.9AAA
20.3AAA
Black BG
10.1AAA
5.3AA
1.8Fail
1.1Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B6AB
7C7D8B
464503
191804
0B0A05

Deuteranopia

B6B6AB
7C7B8A
4D5603
1B1E04
0C0D04

Tritanopia

B8ADAD
798888
740303
290303
110404

Achromatopsia

B3B3B3
808080
262626
0E0E0E
070707

Shades & Tints Shades & Tints

#B8B3A8

Dark
Light

#79818E

Dark
Light

#7A0203

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8b3a8;
  --color-2: #79818e;
  --color-3: #7a0203;
  --color-4: #2b0105;
  --color-5: #120106;
}

SCSS

$color-1: #b8b3a8;
$color-2: #79818e;
$color-3: #7a0203;
$color-4: #2b0105;
$color-5: #120106;

TAILWIND

colors: {
  'brand-1': '#b8b3a8',
  'brand-2': '#79818e',
  'brand-3': '#7a0203',
  'brand-4': '#2b0105',
  'brand-5': '#120106',
}

RGB Array

[184, 179, 168], [121, 129, 142], [122, 2, 3], [43, 1, 5], [18, 1, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B8B3A8, #79818E, #7A0203, #2B0105, #120106 is ideal for: tech websites, dark mode UIs, game UIs, 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: #b8b3a8; --color-2: #79818e; --color-3: #7a0203; --color-4: #2b0105; --color-5: #120106. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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