← Back to Editor

#94223B · #BD2F4E · #B09876 · #301E2C · #4A4A4A

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

#94223B

Vermilion · Brown · Wine Red

HEX
#94223B
RGB
rgb(148, 34, 59)
HSL
hsl(347, 63%, 36%)
HSB
hsb(347, 77%, 58%)
CMYK
cmyk(0%, 77%, 60%, 42%)
Oklch
oklch(44.5% 0.149 13.5)

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

#BD2F4E

Crimson · Brown · Passion Red

HEX
#BD2F4E
RGB
rgb(189, 47, 78)
HSL
hsl(347, 60%, 46%)
HSB
hsb(347, 75%, 74%)
CMYK
cmyk(0%, 75%, 59%, 26%)
Oklch
oklch(53.4% 0.178 13.4)

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

#B09876

Ginger · Tan · Warm Sun

HEX
#B09876
RGB
rgb(176, 152, 118)
HSL
hsl(35, 27%, 58%)
HSB
hsb(35, 33%, 69%)
CMYK
cmyk(0%, 14%, 33%, 31%)
Oklch
oklch(69.2% 0.055 76.2)

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

#301E2C

Rose Purple · DarkSlateGray · Dark Purple

HEX
#301E2C
RGB
rgb(48, 30, 44)
HSL
hsl(313, 23%, 15%)
HSB
hsb(313, 38%, 19%)
CMYK
cmyk(0%, 37%, 8%, 81%)
Oklch
oklch(26.4% 0.037 334.9)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#4A4A4A

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4A4A4A
RGB
rgb(74, 74, 74)
HSL
hsl(0, 0%, 29%)
HSB
hsb(0, 0%, 29%)
CMYK
cmyk(0%, 0%, 0%, 71%)
Oklch
oklch(40.9% 0.000 89.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94223B
22967D

Analogous

962275
94223B
964322

Triadic

94223B
3B9622
223B96

Split-Comp.

94223B
229643
227596

Tetradic

94223B
759622
22967D
432296

Contrast Matrix WCAG 2.1 Contrast

94223B
BD2F4E
B09876
301E2C
4A4A4A
—
1.4
Fail
3.0
Fail
1.9
Fail
1.1
Fail
1.4
Fail
—
2.1
Fail
2.7
Fail
1.6
Fail
3.0
Fail
2.1
Fail
—
5.6
AA
3.2
AA Large
1.9
Fail
2.7
Fail
5.6
AA
—
1.8
Fail
1.1
Fail
1.6
Fail
3.2
AA Large
1.8
Fail
—
White BG
8.2AAA
5.7AA
2.8Fail
15.6AAA
8.9AAA
Black BG
2.6Fail
3.7AA Large
7.6AAA
1.3Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

636235
807E46
A6A57E
282829
4A4A4A

Deuteranopia

697234
889245
A7A980
292B28
4A4A4A

Tritanopia

8E302F
B6413F
AF8586
2F2625
4A4A4A

Achromatopsia

474747
5D5D5D
9B9B9B
252525
4A4A4A

Shades & Tints Shades & Tints

#94223B

Dark
Light

#BD2F4E

Dark
Light

#B09876

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94223b;
  --color-2: #bd2f4e;
  --color-3: #b09876;
  --color-4: #301e2c;
  --color-5: #4a4a4a;
}

SCSS

$color-1: #94223b;
$color-2: #bd2f4e;
$color-3: #b09876;
$color-4: #301e2c;
$color-5: #4a4a4a;

TAILWIND

colors: {
  'brand-1': '#94223b',
  'brand-2': '#bd2f4e',
  'brand-3': '#b09876',
  'brand-4': '#301e2c',
  'brand-5': '#4a4a4a',
}

RGB Array

[148, 34, 59], [189, 47, 78], [176, 152, 118], [48, 30, 44], [74, 74, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94223B, #BD2F4E, #B09876, #301E2C, #4A4A4A is ideal for: tech websites, dark mode UIs, game UIs, 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: #94223b; --color-2: #bd2f4e; --color-3: #b09876; --color-4: #301e2c; --color-5: #4a4a4a. 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. 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