← Back to Editor

#EBE2B9 · #91855D · #BF2000 · #580F16 · #081C13

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EBE2B9

Goose Yellow · Wheat · Lemon Cream

HEX
#EBE2B9
RGB
rgb(235, 226, 185)
HSL
hsl(49, 56%, 82%)
HSB
hsb(49, 21%, 92%)
CMYK
cmyk(0%, 4%, 21%, 8%)
Oklch
oklch(91.0% 0.055 97.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#91855D

Ochre · Gray · Honey Gold

HEX
#91855D
RGB
rgb(145, 133, 93)
HSL
hsl(46, 22%, 47%)
HSB
hsb(46, 36%, 57%)
CMYK
cmyk(0%, 8%, 36%, 43%)
Oklch
oklch(61.7% 0.058 93.4)

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

#BF2000

Vermilion · FireBrick · Wine Red

HEX
#BF2000
RGB
rgb(191, 32, 0)
HSL
hsl(10, 100%, 37%)
HSB
hsb(10, 100%, 75%)
CMYK
cmyk(0%, 83%, 100%, 25%)
Oklch
oklch(51.8% 0.196 32.1)

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

#580F16

Vermilion · Maroon · Deep Berry

HEX
#580F16
RGB
rgb(88, 15, 22)
HSL
hsl(354, 71%, 20%)
HSB
hsb(354, 83%, 35%)
CMYK
cmyk(0%, 83%, 75%, 65%)
Oklch
oklch(30.4% 0.104 21.3)

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

#081C13

Mineral Blue · Black · Dark Green

HEX
#081C13
RGB
rgb(8, 28, 19)
HSL
hsl(153, 56%, 7%)
HSB
hsb(153, 71%, 11%)
CMYK
cmyk(71%, 0%, 32%, 89%)
Oklch
oklch(20.6% 0.032 162.4)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE2B9
B7C1EB

Analogous

EBC8B7
EBE2B9
DBEBB7

Triadic

EBE2B9
B7EBE1
E1B7EB

Split-Comp.

EBE2B9
B7DBEB
C8B7EB

Tetradic

EBE2B9
B7EBC8
B7C1EB
EBB7DB

Contrast Matrix WCAG 2.1 Contrast

EBE2B9
91855D
BF2000
580F16
081C13
—
2.8
Fail
4.7
AA
10.8
AAA
13.6
AAA
2.8
Fail
—
1.7
Fail
3.8
AA Large
4.8
AA
4.7
AA
1.7
Fail
—
2.3
Fail
2.9
Fail
10.8
AAA
3.8
AA Large
2.3
Fail
—
1.3
Fail
13.6
AAA
4.8
AA
2.9
Fail
1.3
Fail
—
White BG
1.3Fail
3.7AA Large
6.1AA
14.0AAA
17.7AAA
Black BG
16.1AAA
5.7AA
3.4AA Large
1.5Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7C3
8C8C67
7A7908
383814
111115

Deuteranopia

E8E8C5
8D8D69
838F0A
3D4214
100E16

Tritanopia

EBCBCC
906E70
B70E0F
541313
091717

Achromatopsia

E0E0E0
848484
4C4C4C
262626
151515

Shades & Tints Shades & Tints

#EBE2B9

Dark
Light

#91855D

Dark
Light

#BF2000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe2b9;
  --color-2: #91855d;
  --color-3: #bf2000;
  --color-4: #580f16;
  --color-5: #081c13;
}

SCSS

$color-1: #ebe2b9;
$color-2: #91855d;
$color-3: #bf2000;
$color-4: #580f16;
$color-5: #081c13;

TAILWIND

colors: {
  'brand-1': '#ebe2b9',
  'brand-2': '#91855d',
  'brand-3': '#bf2000',
  'brand-4': '#580f16',
  'brand-5': '#081c13',
}

RGB Array

[235, 226, 185], [145, 133, 93], [191, 32, 0], [88, 15, 22], [8, 28, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE2B9, #91855D, #BF2000, #580F16, #081C13 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ebe2b9; --color-2: #91855d; --color-3: #bf2000; --color-4: #580f16; --color-5: #081c13. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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