← Back to Editor

#B8B0B0 · #381A1A · #5E312A · #B34636 · #EB2310

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B8B0B0

Silver Gray · DarkGray · Pearl Gray

HEX
#B8B0B0
RGB
rgb(184, 176, 176)
HSL
hsl(0, 5%, 71%)
HSB
hsb(0, 4%, 72%)
CMYK
cmyk(0%, 4%, 4%, 28%)
Oklch
oklch(76.4% 0.009 17.4)

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

#381A1A

Crimson · Black · Deep Berry

HEX
#381A1A
RGB
rgb(56, 26, 26)
HSL
hsl(0, 37%, 16%)
HSB
hsb(0, 54%, 22%)
CMYK
cmyk(0%, 54%, 54%, 78%)
Oklch
oklch(26.0% 0.048 20.8)

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

#5E312A

Crimson · DarkOliveGreen · Wine Red

HEX
#5E312A
RGB
rgb(94, 49, 42)
HSL
hsl(8, 38%, 27%)
HSB
hsb(8, 55%, 37%)
CMYK
cmyk(0%, 48%, 55%, 63%)
Oklch
oklch(36.9% 0.067 29.9)

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

#B34636

Crimson · Sienna · Passion Red

HEX
#B34636
RGB
rgb(179, 70, 54)
HSL
hsl(8, 54%, 46%)
HSB
hsb(8, 70%, 70%)
CMYK
cmyk(0%, 61%, 70%, 30%)
Oklch
oklch(53.9% 0.145 30.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#EB2310

Vermilion · OrangeRed · Passion Red

HEX
#EB2310
RGB
rgb(235, 35, 16)
HSL
hsl(5, 87%, 49%)
HSB
hsb(5, 93%, 92%)
CMYK
cmyk(0%, 85%, 93%, 8%)
Oklch
oklch(60.1% 0.232 30.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8B0B0
B1B9B9

Analogous

B9B1B5
B8B0B0
B9B5B1

Triadic

B8B0B0
B1B9B1
B1B1B9

Split-Comp.

B8B0B0
B1B9B5
B1B5B9

Tetradic

B8B0B0
B5B9B1
B1B9B9
B5B1B9

Contrast Matrix WCAG 2.1 Contrast

B8B0B0
381A1A
5E312A
B34636
EB2310
—
7.4
AAA
5.1
AA
2.6
Fail
2.1
Fail
7.4
AAA
—
1.5
Fail
2.9
Fail
3.6
AA Large
5.1
AA
1.5
Fail
—
2.0
Fail
2.5
Fail
2.6
Fail
2.9
Fail
2.0
Fail
—
1.2
Fail
2.1
Fail
3.6
AA Large
2.5
Fail
1.2
Fail
—
White BG
2.1Fail
15.8AAA
10.8AAA
5.5AA
4.4AA Large
Black BG
9.9AAA
1.3Fail
1.9Fail
3.8AA Large
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B4B0
2B2B1A
4B4A2C
84833A
949315

Deuteranopia

B5B6B0
2D2F1A
4D512C
8A923B
A0AF16

Tritanopia

B8B0B0
361A1A
5C2D2D
AE3D3E
E11819

Achromatopsia

B2B2B2
232323
3E3E3E
656565
5D5D5D

Shades & Tints Shades & Tints

#B8B0B0

Dark
Light

#381A1A

Dark
Light

#5E312A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8b0b0;
  --color-2: #381a1a;
  --color-3: #5e312a;
  --color-4: #b34636;
  --color-5: #eb2310;
}

SCSS

$color-1: #b8b0b0;
$color-2: #381a1a;
$color-3: #5e312a;
$color-4: #b34636;
$color-5: #eb2310;

TAILWIND

colors: {
  'brand-1': '#b8b0b0',
  'brand-2': '#381a1a',
  'brand-3': '#5e312a',
  'brand-4': '#b34636',
  'brand-5': '#eb2310',
}

RGB Array

[184, 176, 176], [56, 26, 26], [94, 49, 42], [179, 70, 54], [235, 35, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #B8B0B0, #381A1A, #5E312A, #B34636, #EB2310 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: #b8b0b0; --color-2: #381a1a; --color-3: #5e312a; --color-4: #b34636; --color-5: #eb2310. 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 sunset-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