← Back to Editor

#8B1B0F · #B25323 · #CA9235 · #E2AD7B · #EFDA97

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#8B1B0F

Vermilion · DarkRed · Wine Red

HEX
#8B1B0F
RGB
rgb(139, 27, 15)
HSL
hsl(6, 81%, 30%)
HSB
hsb(6, 89%, 55%)
CMYK
cmyk(0%, 81%, 89%, 45%)
Oklch
oklch(41.6% 0.149 30.4)

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

#B25323

Tangerine · Sienna · Amber Brown

HEX
#B25323
RGB
rgb(178, 83, 35)
HSL
hsl(20, 67%, 42%)
HSB
hsb(20, 80%, 70%)
CMYK
cmyk(0%, 53%, 80%, 30%)
Oklch
oklch(55.4% 0.138 44.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#CA9235

Ochre · GoldenRod · Amber Brown

HEX
#CA9235
RGB
rgb(202, 146, 53)
HSL
hsl(37, 58%, 50%)
HSB
hsb(37, 74%, 79%)
CMYK
cmyk(0%, 28%, 74%, 21%)
Oklch
oklch(69.8% 0.126 76.2)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#E2AD7B

Apricot · BurlyWood · Warm Sun

HEX
#E2AD7B
RGB
rgb(226, 173, 123)
HSL
hsl(29, 64%, 68%)
HSB
hsb(29, 46%, 89%)
CMYK
cmyk(0%, 23%, 46%, 11%)
Oklch
oklch(78.5% 0.090 64.2)

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

#EFDA97

Goose Yellow · Khaki · Lemon Cream

HEX
#EFDA97
RGB
rgb(239, 218, 151)
HSL
hsl(46, 73%, 76%)
HSB
hsb(46, 37%, 94%)
CMYK
cmyk(0%, 9%, 37%, 6%)
Oklch
oklch(89.0% 0.088 92.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8B1B0F
0F7E8A

Analogous

8A0F40
8B1B0F
8A590F

Triadic

8B1B0F
0F8A1B
1B0F8A

Split-Comp.

8B1B0F
0F8A59
0F408A

Tetradic

8B1B0F
408A0F
0F7E8A
590F8A

Contrast Matrix WCAG 2.1 Contrast

8B1B0F
B25323
CA9235
E2AD7B
EFDA97
—
1.8
Fail
3.4
AA Large
4.6
AA
6.7
AA
1.8
Fail
—
1.8
Fail
2.5
Fail
3.6
AA Large
3.4
AA Large
1.8
Fail
—
1.4
Fail
2.0
Fail
4.6
AA
2.5
Fail
1.4
Fail
—
1.4
Fail
6.7
AA
3.6
AA Large
2.0
Fail
1.4
Fail
—
White BG
9.3AAA
5.1AA
2.7Fail
2.0Fail
1.4Fail
Black BG
2.3Fail
4.2AA Large
7.7AAA
10.5AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5912
89882F
B2B14C
CBCB87
E6E6A7

Deuteranopia

616913
8E9631
B5B951
CED28A
E7E9AB

Tritanopia

851415
AD383A
C75D61
DF9193
EEB4B7

Achromatopsia

3B3B3B
6A6A6A
989898
B7B7B7
D9D9D9

Shades & Tints Shades & Tints

#8B1B0F

Dark
Light

#B25323

Dark
Light

#CA9235

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8b1b0f;
  --color-2: #b25323;
  --color-3: #ca9235;
  --color-4: #e2ad7b;
  --color-5: #efda97;
}

SCSS

$color-1: #8b1b0f;
$color-2: #b25323;
$color-3: #ca9235;
$color-4: #e2ad7b;
$color-5: #efda97;

TAILWIND

colors: {
  'brand-1': '#8b1b0f',
  'brand-2': '#b25323',
  'brand-3': '#ca9235',
  'brand-4': '#e2ad7b',
  'brand-5': '#efda97',
}

RGB Array

[139, 27, 15], [178, 83, 35], [202, 146, 53], [226, 173, 123], [239, 218, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8B1B0F, #B25323, #CA9235, #E2AD7B, #EFDA97 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #8b1b0f; --color-2: #b25323; --color-3: #ca9235; --color-4: #e2ad7b; --color-5: #efda97. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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