← Back to Editor

#B61D18 · #800A06 · #252120 · #A7A29F · #E5E2DB

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

#B61D18

Vermilion · FireBrick · Wine Red

HEX
#B61D18
RGB
rgb(182, 29, 24)
HSL
hsl(2, 77%, 40%)
HSB
hsb(2, 87%, 71%)
CMYK
cmyk(0%, 84%, 87%, 29%)
Oklch
oklch(50.0% 0.188 28.5)

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

#800A06

Vermilion · Maroon · Wine Red

HEX
#800A06
RGB
rgb(128, 10, 6)
HSL
hsl(2, 91%, 26%)
HSB
hsb(2, 95%, 50%)
CMYK
cmyk(0%, 92%, 95%, 50%)
Oklch
oklch(38.2% 0.149 29.1)

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

#252120

Ink Black · Black · Dark Stone

HEX
#252120
RGB
rgb(37, 33, 32)
HSL
hsl(12, 7%, 14%)
HSB
hsb(12, 14%, 15%)
CMYK
cmyk(0%, 11%, 14%, 85%)
Oklch
oklch(25.2% 0.006 34.3)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#A7A29F

Ash · DarkGray · Silver Sand

HEX
#A7A29F
RGB
rgb(167, 162, 159)
HSL
hsl(22, 4%, 64%)
HSB
hsb(22, 5%, 65%)
CMYK
cmyk(0%, 3%, 5%, 35%)
Oklch
oklch(71.6% 0.007 53.4)

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

#E5E2DB

Goose Yellow · LightGray · Lemon Cream

HEX
#E5E2DB
RGB
rgb(229, 226, 219)
HSL
hsl(42, 16%, 88%)
HSB
hsb(42, 4%, 90%)
CMYK
cmyk(0%, 1%, 4%, 10%)
Oklch
oklch(91.3% 0.010 87.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B61D18
17AFB5

Analogous

B51761
B61D18
B56B17

Triadic

B61D18
17B51D
1D17B5

Split-Comp.

B61D18
17B56B
1761B5

Tetradic

B61D18
61B517
17AFB5
6B17B5

Contrast Matrix WCAG 2.1 Contrast

B61D18
800A06
252120
A7A29F
E5E2DB
—
1.6
Fail
2.4
Fail
2.6
Fail
5.1
AA
1.6
Fail
—
1.5
Fail
4.2
AA Large
8.3
AAA
2.4
Fail
1.5
Fail
—
6.3
AA
12.3
AAA
2.6
Fail
4.2
AA Large
6.3
AA
—
2.0
Fail
5.1
AA
8.3
AAA
12.3
AAA
2.0
Fail
—
White BG
6.6AA
10.7AAA
15.9AAA
2.5Fail
1.3Fail
Black BG
3.2AA Large
2.0Fail
1.3Fail
8.3AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

747219
4D4C07
232320
A5A5A0
E4E4DD

Deuteranopia

7D8819
545D07
242420
A5A6A0
E4E4DD

Tritanopia

AE1A1A
7A0808
252020
A7A0A0
E5DEDE

Achromatopsia

4A4A4A
2D2D2D
222222
A3A3A3
E2E2E2

Shades & Tints Shades & Tints

#B61D18

Dark
Light

#800A06

Dark
Light

#252120

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b61d18;
  --color-2: #800a06;
  --color-3: #252120;
  --color-4: #a7a29f;
  --color-5: #e5e2db;
}

SCSS

$color-1: #b61d18;
$color-2: #800a06;
$color-3: #252120;
$color-4: #a7a29f;
$color-5: #e5e2db;

TAILWIND

colors: {
  'brand-1': '#b61d18',
  'brand-2': '#800a06',
  'brand-3': '#252120',
  'brand-4': '#a7a29f',
  'brand-5': '#e5e2db',
}

RGB Array

[182, 29, 24], [128, 10, 6], [37, 33, 32], [167, 162, 159], [229, 226, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B61D18, #800A06, #252120, #A7A29F, #E5E2DB 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: #b61d18; --color-2: #800a06; --color-3: #252120; --color-4: #a7a29f; --color-5: #e5e2db. 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