#B44A35 + #964E39 + #795240 + #694941 + #4B4B4D · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B44A35

Crimson · Sienna · Passion Red

HEX

#B44A35

RGB

rgb(180, 74, 53)

HSL

hsl(10, 55%, 46%)

HSB

hsb(10, 71%, 71%)

CMYK

cmyk(0%, 59%, 71%, 29%)

Oklch

oklch(54.6% 0.143 33.0)

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

#964E39

Crimson · Sienna · Passion Red

HEX

#964E39

RGB

rgb(150, 78, 57)

HSL

hsl(14, 45%, 41%)

HSB

hsb(14, 62%, 59%)

CMYK

cmyk(0%, 48%, 62%, 41%)

Oklch

oklch(50.7% 0.102 37.1)

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

#795240

Tangerine · Sienna · Amber Brown

HEX

#795240

RGB

rgb(121, 82, 64)

HSL

hsl(19, 31%, 36%)

HSB

hsb(19, 47%, 47%)

CMYK

cmyk(0%, 32%, 47%, 53%)

Oklch

oklch(47.7% 0.060 45.6)

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

#694941

Crimson · DarkOliveGreen · Wine Red

HEX

#694941

RGB

rgb(105, 73, 65)

HSL

hsl(12, 24%, 33%)

HSB

hsb(12, 38%, 41%)

CMYK

cmyk(0%, 30%, 38%, 59%)

Oklch

oklch(43.8% 0.046 34.6)

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

#4B4B4D

Dark Cyan · DarkSlateGray · Charcoal

HEX

#4B4B4D

RGB

rgb(75, 75, 77)

HSL

hsl(240, 1%, 30%)

HSB

hsb(240, 3%, 30%)

CMYK

cmyk(3%, 3%, 0%, 70%)

Oklch

oklch(41.4% 0.003 286.3)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B44A35

35A0B6

Analogous

B63560

B44A35

B68B35

Triadic

B44A35

35B64A

4A35B6

Split-Comp.

B44A35

35B68B

3560B6

Tetradic

B44A35

60B635

35A0B6

8B35B6

Contrast Matrix WCAG 2.1 Contrast

B44A35	964E39	795240	694941	4B4B4D
—	1.2 Fail	1.3 Fail	1.5 Fail	1.6 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.5 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

5.3AA

6.1AA

6.8AA

8.0AAA

8.7AAA

Black BG

4.0AA Large

3.4AA Large

3.1AA Large

2.6Fail

2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

86853A

77763E

686844

5B5B43

4B4B4D

Deuteranopia

8C943B

7B803F

6A6D45

5D5F43

4B4B4C

Tritanopia

AF3E3F

924243

774849

674445

4B4C4C

Achromatopsia

676767

616161

5C5C5C

525252

4B4B4B

Shades & Tints Shades & Tints

#B44A35

Dark

Light

#964E39

Dark

Light

#795240

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b44a35;
  --color-2: #964e39;
  --color-3: #795240;
  --color-4: #694941;
  --color-5: #4b4b4d;
}

SCSS

$color-1: #b44a35;
$color-2: #964e39;
$color-3: #795240;
$color-4: #694941;
$color-5: #4b4b4d;

TAILWIND

colors: {
  'brand-1': '#b44a35',
  'brand-2': '#964e39',
  'brand-3': '#795240',
  'brand-4': '#694941',
  'brand-5': '#4b4b4d',
}

RGB Array

[180, 74, 53], [150, 78, 57], [121, 82, 64], [105, 73, 65], [75, 75, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #B44A35, #964E39, #795240, #694941, #4B4B4D is ideal for: tech websites, dark mode UIs, game UIs. 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: #b44a35; --color-2: #964e39; --color-3: #795240; --color-4: #694941; --color-5: #4b4b4d. 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 dark-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