← Back to Editor

#B8130F · #E9EBE6 · #D0C6AB · #B49056 · #441F26

space

A 5-color space 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

#B8130F

Vermilion · FireBrick · Wine Red

HEX
#B8130F
RGB
rgb(184, 19, 15)
HSL
hsl(1, 85%, 39%)
HSB
hsb(1, 92%, 72%)
CMYK
cmyk(0%, 90%, 92%, 28%)
Oklch
oklch(49.8% 0.195 28.8)

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

#E9EBE6

Willow Green · Linen · Mint Green

HEX
#E9EBE6
RGB
rgb(233, 235, 230)
HSL
hsl(84, 11%, 91%)
HSB
hsb(84, 2%, 92%)
CMYK
cmyk(1%, 0%, 2%, 8%)
Oklch
oklch(93.7% 0.007 124.5)

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

#D0C6AB

Goose Yellow · Silver · Sunflower

HEX
#D0C6AB
RGB
rgb(208, 198, 171)
HSL
hsl(44, 28%, 74%)
HSB
hsb(44, 18%, 82%)
CMYK
cmyk(0%, 5%, 18%, 18%)
Oklch
oklch(82.8% 0.038 90.1)

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

#B49056

Ginger · DarkSalmon · Warm Sun

HEX
#B49056
RGB
rgb(180, 144, 86)
HSL
hsl(37, 39%, 52%)
HSB
hsb(37, 52%, 71%)
CMYK
cmyk(0%, 20%, 52%, 29%)
Oklch
oklch(67.4% 0.087 78.4)

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

#441F26

Crimson · DarkSlateGray · Deep Berry

HEX
#441F26
RGB
rgb(68, 31, 38)
HSL
hsl(349, 37%, 19%)
HSB
hsb(349, 54%, 27%)
CMYK
cmyk(0%, 54%, 44%, 73%)
Oklch
oklch(29.4% 0.057 9.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8130F
0FB5B8

Analogous

B80F61
B8130F
B8660F

Triadic

B8130F
0FB812
120FB8

Split-Comp.

B8130F
0FB866
0F61B8

Tetradic

B8130F
61B80F
0FB5B8
660FB8

Contrast Matrix WCAG 2.1 Contrast

B8130F
E9EBE6
D0C6AB
B49056
441F26
—
5.6
AA
3.9
AA Large
2.3
Fail
2.1
Fail
5.6
AA
—
1.4
Fail
2.5
Fail
11.9
AAA
3.9
AA Large
1.4
Fail
—
1.7
Fail
8.4
AAA
2.3
Fail
2.5
Fail
1.7
Fail
—
4.8
AA
2.1
Fail
11.9
AAA
8.4
AAA
4.8
AA
—
White BG
6.7AA
1.2Fail
1.7Fail
3.0Fail
14.3AAA
Black BG
3.1AA Large
17.5AAA
12.3AAA
7.1AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

716F10
EAEAE7
CCCCB2
A4A464
343424

Deuteranopia

7A8610
EAEAE8
CCCDB3
A7A967
363924

Tritanopia

B01111
E9E8E8
D0B7B8
B26F72
422323

Achromatopsia

444444
EAEAEA
C6C6C6
949494
2B2B2B

Shades & Tints Shades & Tints

#B8130F

Dark
Light

#E9EBE6

Dark
Light

#D0C6AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8130f;
  --color-2: #e9ebe6;
  --color-3: #d0c6ab;
  --color-4: #b49056;
  --color-5: #441f26;
}

SCSS

$color-1: #b8130f;
$color-2: #e9ebe6;
$color-3: #d0c6ab;
$color-4: #b49056;
$color-5: #441f26;

TAILWIND

colors: {
  'brand-1': '#b8130f',
  'brand-2': '#e9ebe6',
  'brand-3': '#d0c6ab',
  'brand-4': '#b49056',
  'brand-5': '#441f26',
}

RGB Array

[184, 19, 15], [233, 235, 230], [208, 198, 171], [180, 144, 86], [68, 31, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #B8130F, #E9EBE6, #D0C6AB, #B49056, #441F26 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: #b8130f; --color-2: #e9ebe6; --color-3: #d0c6ab; --color-4: #b49056; --color-5: #441f26. 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 space-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