← Back to Editor

#E2B177 · #010300 · #922713 · #536150 · #1E281F

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

#E2B177

Ginger · BurlyWood · Warm Sun

HEX
#E2B177
RGB
rgb(226, 177, 119)
HSL
hsl(33, 65%, 68%)
HSB
hsb(33, 47%, 89%)
CMYK
cmyk(0%, 22%, 47%, 11%)
Oklch
oklch(79.2% 0.094 70.5)

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

#010300

Pine Green · Black · Dark Green

HEX
#010300
RGB
rgb(1, 3, 0)
HSL
hsl(100, 100%, 1%)
HSB
hsb(100, 100%, 1%)
CMYK
cmyk(67%, 0%, 100%, 99%)
Oklch
oklch(8.8% 0.024 132.1)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#922713

Vermilion · Brown · Wine Red

HEX
#922713
RGB
rgb(146, 39, 19)
HSL
hsl(9, 77%, 32%)
HSB
hsb(9, 87%, 57%)
CMYK
cmyk(0%, 73%, 87%, 43%)
Oklch
oklch(44.1% 0.146 32.7)

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

#536150

Celadon · DimGray · Forest Green

HEX
#536150
RGB
rgb(83, 97, 80)
HSL
hsl(109, 10%, 35%)
HSB
hsb(109, 18%, 38%)
CMYK
cmyk(14%, 0%, 18%, 62%)
Oklch
oklch(47.5% 0.032 140.1)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#1E281F

Celadon · Black · Dark Green

HEX
#1E281F
RGB
rgb(30, 40, 31)
HSL
hsl(126, 14%, 14%)
HSB
hsb(126, 25%, 16%)
CMYK
cmyk(25%, 0%, 22%, 84%)
Oklch
oklch(26.4% 0.022 147.6)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2B177
78A8E2

Analogous

E27E78
E2B177
DDE278

Triadic

E2B177
78E2B3
B378E2

Split-Comp.

E2B177
78DDE2
7E78E2

Tetradic

E2B177
78E27E
78A8E2
E278DD

Contrast Matrix WCAG 2.1 Contrast

E2B177
010300
922713
536150
1E281F
—
10.6
AAA
4.3
AA Large
3.4
AA Large
7.8
AAA
10.6
AAA
—
2.5
Fail
3.1
AA Large
1.4
Fail
4.3
AA Large
2.5
Fail
—
1.3
Fail
1.8
Fail
3.4
AA Large
3.1
AA Large
1.3
Fail
—
2.3
Fail
7.8
AAA
1.4
Fail
1.8
Fail
2.3
Fail
—
White BG
1.9Fail
20.7AAA
8.3AAA
6.6AA
15.2AAA
Black BG
10.8AAA
1.0Fail
2.5Fail
3.2AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCC85
020201
646318
595954
222221

Deuteranopia

D0D388
020201
6A7219
585755
222122

Tritanopia

E09093
010101
8D1C1D
545758
1F2323

Achromatopsia

B9B9B9
020202
454545
5B5B5B
242424

Shades & Tints Shades & Tints

#E2B177

Dark
Light

#010300

Dark
Light

#922713

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2b177;
  --color-2: #010300;
  --color-3: #922713;
  --color-4: #536150;
  --color-5: #1e281f;
}

SCSS

$color-1: #e2b177;
$color-2: #010300;
$color-3: #922713;
$color-4: #536150;
$color-5: #1e281f;

TAILWIND

colors: {
  'brand-1': '#e2b177',
  'brand-2': '#010300',
  'brand-3': '#922713',
  'brand-4': '#536150',
  'brand-5': '#1e281f',
}

RGB Array

[226, 177, 119], [1, 3, 0], [146, 39, 19], [83, 97, 80], [30, 40, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2B177, #010300, #922713, #536150, #1E281F 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: #e2b177; --color-2: #010300; --color-3: #922713; --color-4: #536150; --color-5: #1e281f. 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