← Back to Editor

#11100B · #475A58 · #4D1810 · #9F250E · #A89752

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

#11100B

Autumn Sage · Black · Amber Gold

HEX
#11100B
RGB
rgb(17, 16, 11)
HSL
hsl(50, 21%, 5%)
HSB
hsb(50, 35%, 7%)
CMYK
cmyk(0%, 6%, 35%, 93%)
Oklch
oklch(17.2% 0.010 97.9)

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

#475A58

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#475A58
RGB
rgb(71, 90, 88)
HSL
hsl(174, 12%, 32%)
HSB
hsb(174, 21%, 35%)
CMYK
cmyk(21%, 0%, 2%, 65%)
Oklch
oklch(45.1% 0.024 188.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#4D1810

Vermilion · Maroon · Deep Berry

HEX
#4D1810
RGB
rgb(77, 24, 16)
HSL
hsl(8, 66%, 18%)
HSB
hsb(8, 79%, 30%)
CMYK
cmyk(0%, 69%, 79%, 70%)
Oklch
oklch(29.2% 0.082 31.1)

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

#9F250E

Vermilion · FireBrick · Wine Red

HEX
#9F250E
RGB
rgb(159, 37, 14)
HSL
hsl(10, 84%, 34%)
HSB
hsb(10, 91%, 62%)
CMYK
cmyk(0%, 77%, 91%, 38%)
Oklch
oklch(46.2% 0.161 32.5)

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

#A89752

Ochre · Gray · Honey Gold

HEX
#A89752
RGB
rgb(168, 151, 82)
HSL
hsl(48, 34%, 49%)
HSB
hsb(48, 51%, 66%)
CMYK
cmyk(0%, 10%, 51%, 34%)
Oklch
oklch(67.6% 0.092 95.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

11100B
0A0B0F

Analogous

0F0C0A
11100B
0E0F0A

Triadic

11100B
0A0F0F
0F0A0F

Split-Comp.

11100B
0A0E0F
0C0A0F

Tetradic

11100B
0A0F0C
0A0B0F
0F0A0E

Contrast Matrix WCAG 2.1 Contrast

11100B
475A58
4D1810
9F250E
A89752
—
2.6
Fail
1.3
Fail
2.5
Fail
6.5
AA
2.6
Fail
—
2.0
Fail
1.0
Fail
2.5
Fail
1.3
Fail
2.0
Fail
—
1.9
Fail
5.0
AA
2.5
Fail
1.0
Fail
1.9
Fail
—
2.6
Fail
6.5
AA
2.5
Fail
5.0
AA
2.6
Fail
—
White BG
19.0AAA
7.3AAA
14.4AAA
7.6AAA
2.9Fail
Black BG
1.1Fail
2.9Fail
1.5Fail
2.7Fail
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

11110C
4F4F58
363612
6A6914
A1A063

Deuteranopia

11110D
4E4D59
393D12
717A15
A2A367

Tritanopia

110D0D
485959
4A1314
991819
A77073

Achromatopsia

101010
545454
272727
474747
949494

Shades & Tints Shades & Tints

#11100B

Dark
Light

#475A58

Dark
Light

#4D1810

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #11100b;
  --color-2: #475a58;
  --color-3: #4d1810;
  --color-4: #9f250e;
  --color-5: #a89752;
}

SCSS

$color-1: #11100b;
$color-2: #475a58;
$color-3: #4d1810;
$color-4: #9f250e;
$color-5: #a89752;

TAILWIND

colors: {
  'brand-1': '#11100b',
  'brand-2': '#475a58',
  'brand-3': '#4d1810',
  'brand-4': '#9f250e',
  'brand-5': '#a89752',
}

RGB Array

[17, 16, 11], [71, 90, 88], [77, 24, 16], [159, 37, 14], [168, 151, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #11100B, #475A58, #4D1810, #9F250E, #A89752 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: #11100b; --color-2: #475a58; --color-3: #4d1810; --color-4: #9f250e; --color-5: #a89752. 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