← Back to Editor

#162124 · #B5043C · #C74A28 · #B5A38D · #919507

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#162124

Slate Blue · Black · Peacock Green

HEX
#162124
RGB
rgb(22, 33, 36)
HSL
hsl(193, 24%, 11%)
HSB
hsb(193, 39%, 14%)
CMYK
cmyk(39%, 8%, 0%, 86%)
Oklch
oklch(23.9% 0.017 216.4)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#B5043C

Dark Violet · FireBrick · Camellia

HEX
#B5043C
RGB
rgb(181, 4, 60)
HSL
hsl(341, 96%, 36%)
HSB
hsb(341, 98%, 71%)
CMYK
cmyk(0%, 98%, 67%, 29%)
Oklch
oklch(49.3% 0.195 14.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C74A28

Vermilion · Chocolate · Passion Red

HEX
#C74A28
RGB
rgb(199, 74, 40)
HSL
hsl(13, 67%, 47%)
HSB
hsb(13, 80%, 78%)
CMYK
cmyk(0%, 63%, 80%, 22%)
Oklch
oklch(57.4% 0.167 35.8)

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

#B5A38D

Ginger · DarkGray · Warm Sun

HEX
#B5A38D
RGB
rgb(181, 163, 141)
HSL
hsl(33, 21%, 63%)
HSB
hsb(33, 22%, 71%)
CMYK
cmyk(0%, 10%, 22%, 29%)
Oklch
oklch(72.5% 0.037 72.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#919507

Autumn Sage · Olive · Honey Gold

HEX
#919507
RGB
rgb(145, 149, 7)
HSL
hsl(62, 91%, 31%)
HSB
hsb(62, 95%, 58%)
CMYK
cmyk(3%, 0%, 95%, 42%)
Oklch
oklch(64.5% 0.141 111.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

162124
231815

Analogous

15231F
162124
151923

Triadic

162124
231520
202315

Split-Comp.

162124
231519
231F15

Tetradic

162124
1F1523
231815
192315

Contrast Matrix WCAG 2.1 Contrast

162124
B5043C
C74A28
B5A38D
919507
—
2.4
Fail
3.5
AA Large
6.7
AA
5.1
AA
2.4
Fail
—
1.5
Fail
2.8
Fail
2.1
Fail
3.5
AA Large
1.5
Fail
—
1.9
Fail
1.5
Fail
6.7
AA
2.8
Fail
1.9
Fail
—
1.3
Fail
5.1
AA
2.1
Fail
1.5
Fail
1.3
Fail
—
White BG
16.4AAA
6.9AA
4.7AA
2.4Fail
3.2AA Large
Black BG
1.3Fail
3.0AA Large
4.4AA Large
8.6AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B23
68672E
919030
ADAD92
939329

Deuteranopia

1A1923
73802B
98A132
AEB094
939232

Tritanopia

172323
AC2421
C13738
B49797
91444A

Achromatopsia

1E1E1E
3F3F3F
6B6B6B
A6A6A6
848484

Shades & Tints Shades & Tints

#162124

Dark
Light

#B5043C

Dark
Light

#C74A28

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #162124;
  --color-2: #b5043c;
  --color-3: #c74a28;
  --color-4: #b5a38d;
  --color-5: #919507;
}

SCSS

$color-1: #162124;
$color-2: #b5043c;
$color-3: #c74a28;
$color-4: #b5a38d;
$color-5: #919507;

TAILWIND

colors: {
  'brand-1': '#162124',
  'brand-2': '#b5043c',
  'brand-3': '#c74a28',
  'brand-4': '#b5a38d',
  'brand-5': '#919507',
}

RGB Array

[22, 33, 36], [181, 4, 60], [199, 74, 40], [181, 163, 141], [145, 149, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #162124, #B5043C, #C74A28, #B5A38D, #919507 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: #162124; --color-2: #b5043c; --color-3: #c74a28; --color-4: #b5a38d; --color-5: #919507. 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