← Back to Editor

#000000 · #AD0542 · #99404C · #B5744F · #B8AA56

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#AD0542

Dark Violet · FireBrick · Camellia

HEX
#AD0542
RGB
rgb(173, 5, 66)
HSL
hsl(338, 94%, 35%)
HSB
hsb(338, 97%, 68%)
CMYK
cmyk(0%, 97%, 62%, 32%)
Oklch
oklch(47.9% 0.189 11.1)

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

#99404C

Crimson · Sienna · Passion Red

HEX
#99404C
RGB
rgb(153, 64, 76)
HSL
hsl(352, 41%, 43%)
HSB
hsb(352, 58%, 60%)
CMYK
cmyk(0%, 58%, 50%, 40%)
Oklch
oklch(49.3% 0.119 14.3)

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

#B5744F

Tangerine · Sienna · Warm Sun

HEX
#B5744F
RGB
rgb(181, 116, 79)
HSL
hsl(22, 41%, 51%)
HSB
hsb(22, 56%, 71%)
CMYK
cmyk(0%, 36%, 56%, 29%)
Oklch
oklch(62.0% 0.097 49.9)

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

#B8AA56

Autumn Sage · Tan · Sunflower

HEX
#B8AA56
RGB
rgb(184, 170, 86)
HSL
hsl(51, 41%, 53%)
HSB
hsb(51, 53%, 72%)
CMYK
cmyk(0%, 8%, 53%, 28%)
Oklch
oklch(73.2% 0.107 100.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000000
000000

Analogous

000000
000000
000000

Triadic

000000
000000
000000

Split-Comp.

000000
000000
000000

Tetradic

000000
000000
000000
000000

Contrast Matrix WCAG 2.1 Contrast

000000
AD0542
99404C
B5744F
B8AA56
—
2.9
Fail
3.2
AA Large
5.6
AA
8.9
AAA
2.9
Fail
—
1.1
Fail
1.9
Fail
3.1
AA Large
3.2
AA Large
1.1
Fail
—
1.7
Fail
2.8
Fail
5.6
AA
1.9
Fail
1.7
Fail
—
1.6
Fail
8.9
AAA
3.1
AA Large
2.8
Fail
1.6
Fail
—
White BG
21.0AAA
7.3AAA
6.6AA
3.8AA Large
2.4Fail
Black BG
1.0Fail
2.9Fail
3.2AA Large
5.6AA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

000000
646333
727249
999858
B2B26A

Deuteranopia

000000
6E7B30
787E48
9DA25A
B3B46F

Tritanopia

000000
A52825
954746
B25F61
B77A7E

Achromatopsia

000000
3E3E3E
5C5C5C
838383
A5A5A5

Shades & Tints Shades & Tints

#000000

Dark
Light

#AD0542

Dark
Light

#99404C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000000;
  --color-2: #ad0542;
  --color-3: #99404c;
  --color-4: #b5744f;
  --color-5: #b8aa56;
}

SCSS

$color-1: #000000;
$color-2: #ad0542;
$color-3: #99404c;
$color-4: #b5744f;
$color-5: #b8aa56;

TAILWIND

colors: {
  'brand-1': '#000000',
  'brand-2': '#ad0542',
  'brand-3': '#99404c',
  'brand-4': '#b5744f',
  'brand-5': '#b8aa56',
}

RGB Array

[0, 0, 0], [173, 5, 66], [153, 64, 76], [181, 116, 79], [184, 170, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #000000, #AD0542, #99404C, #B5744F, #B8AA56 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: #000000; --color-2: #ad0542; --color-3: #99404c; --color-4: #b5744f; --color-5: #b8aa56. 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