← Back to Editor

#150B0A · #2B1613 · #7E404A · #7D6F5B · #584D3F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#150B0A

Crimson · Black · Deep Berry

HEX
#150B0A
RGB
rgb(21, 11, 10)
HSL
hsl(5, 35%, 6%)
HSB
hsb(5, 52%, 8%)
CMYK
cmyk(0%, 48%, 52%, 92%)
Oklch
oklch(16.3% 0.018 25.5)

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

#2B1613

Crimson · Black · Deep Berry

HEX
#2B1613
RGB
rgb(43, 22, 19)
HSL
hsl(8, 39%, 12%)
HSB
hsb(8, 56%, 17%)
CMYK
cmyk(0%, 49%, 56%, 83%)
Oklch
oklch(22.9% 0.035 28.8)

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

#7E404A

Crimson · Sienna · Wine Red

HEX
#7E404A
RGB
rgb(126, 64, 74)
HSL
hsl(350, 33%, 37%)
HSB
hsb(350, 49%, 49%)
CMYK
cmyk(0%, 49%, 41%, 51%)
Oklch
oklch(45.2% 0.086 10.9)

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

#7D6F5B

Ochre · DimGray · Amber Brown

HEX
#7D6F5B
RGB
rgb(125, 111, 91)
HSL
hsl(35, 16%, 42%)
HSB
hsb(35, 27%, 49%)
CMYK
cmyk(0%, 11%, 27%, 51%)
Oklch
oklch(54.9% 0.035 76.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#584D3F

Ochre · DarkOliveGreen · Amber Brown

HEX
#584D3F
RGB
rgb(88, 77, 63)
HSL
hsl(34, 17%, 30%)
HSB
hsb(34, 28%, 35%)
CMYK
cmyk(0%, 12%, 28%, 65%)
Oklch
oklch(42.7% 0.027 73.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

150B0A
0A1415

Analogous

150A0E
150B0A
15100A

Triadic

150B0A
0A150B
0B0A15

Split-Comp.

150B0A
0A1510
0A0E15

Tetradic

150B0A
0E150A
0A1415
100A15

Contrast Matrix WCAG 2.1 Contrast

150B0A
2B1613
7E404A
7D6F5B
584D3F
—
1.1
Fail
2.5
Fail
4.0
AA Large
2.4
Fail
1.1
Fail
—
2.2
Fail
3.5
AA Large
2.1
Fail
2.5
Fail
2.2
Fail
—
1.6
Fail
1.1
Fail
4.0
AA Large
3.5
AA Large
1.6
Fail
—
1.7
Fail
2.4
Fail
2.1
Fail
1.1
Fail
1.7
Fail
—
White BG
19.4AAA
17.1AAA
7.7AAA
4.9AA
8.2AAA
Black BG
1.1Fail
1.2Fail
2.7Fail
4.3AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

11110A
222214
636348
777760
535342

Deuteranopia

11120A
232514
676B47
787961
545543

Tritanopia

150A0A
2A1414
7B4645
7C6465
574546

Achromatopsia

0E0E0E
1C1C1C
545454
717171
4F4F4F

Shades & Tints Shades & Tints

#150B0A

Dark
Light

#2B1613

Dark
Light

#7E404A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #150b0a;
  --color-2: #2b1613;
  --color-3: #7e404a;
  --color-4: #7d6f5b;
  --color-5: #584d3f;
}

SCSS

$color-1: #150b0a;
$color-2: #2b1613;
$color-3: #7e404a;
$color-4: #7d6f5b;
$color-5: #584d3f;

TAILWIND

colors: {
  'brand-1': '#150b0a',
  'brand-2': '#2b1613',
  'brand-3': '#7e404a',
  'brand-4': '#7d6f5b',
  'brand-5': '#584d3f',
}

RGB Array

[21, 11, 10], [43, 22, 19], [126, 64, 74], [125, 111, 91], [88, 77, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #150B0A, #2B1613, #7E404A, #7D6F5B, #584D3F is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #150b0a; --color-2: #2b1613; --color-3: #7e404a; --color-4: #7d6f5b; --color-5: #584d3f. 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. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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