← Back to Editor

#857200 · #A9000B · #FF0B00 · #454232 · #69654E

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 App

Color Details Color Details

#857200

Autumn Sage · Olive · Honey Gold

HEX
#857200
RGB
rgb(133, 114, 0)
HSL
hsl(51, 100%, 26%)
HSB
hsb(51, 100%, 52%)
CMYK
cmyk(0%, 14%, 100%, 48%)
Oklch
oklch(55.3% 0.114 97.5)

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

#A9000B

Vermilion · DarkRed · Wine Red

HEX
#A9000B
RGB
rgb(169, 0, 11)
HSL
hsl(356, 100%, 33%)
HSB
hsb(356, 100%, 66%)
CMYK
cmyk(0%, 100%, 93%, 34%)
Oklch
oklch(46.2% 0.189 27.7)

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

#FF0B00

Vermilion · Red · Passion Red

HEX
#FF0B00
RGB
rgb(255, 11, 0)
HSL
hsl(3, 100%, 50%)
HSB
hsb(3, 100%, 100%)
CMYK
cmyk(0%, 96%, 100%, 0%)
Oklch
oklch(63.0% 0.256 29.6)

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

#454232

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#454232
RGB
rgb(69, 66, 50)
HSL
hsl(51, 16%, 23%)
HSB
hsb(51, 28%, 27%)
CMYK
cmyk(0%, 4%, 28%, 73%)
Oklch
oklch(37.7% 0.026 98.6)

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

#69654E

Autumn Sage · DimGray · Honey Gold

HEX
#69654E
RGB
rgb(105, 101, 78)
HSL
hsl(51, 15%, 36%)
HSB
hsb(51, 26%, 41%)
CMYK
cmyk(0%, 4%, 26%, 59%)
Oklch
oklch(50.4% 0.035 99.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

857200
001485

Analogous

852E00
857200
568500

Triadic

857200
008571
710085

Split-Comp.

857200
005685
2E0085

Tetradic

857200
00852E
001485
850056

Contrast Matrix WCAG 2.1 Contrast

857200
A9000B
FF0B00
454232
69654E
—
1.6
Fail
1.2
Fail
2.1
Fail
1.2
Fail
1.6
Fail
—
2.0
Fail
1.3
Fail
1.3
Fail
1.2
Fail
2.0
Fail
—
2.5
Fail
1.5
Fail
2.1
Fail
1.3
Fail
2.5
Fail
—
1.7
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.7
Fail
—
White BG
4.8AA
7.8AAA
4.0AA Large
10.1AAA
5.9AA
Black BG
4.4AA Large
2.7Fail
5.3AA
2.1Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7D1C
605E08
959303
444436
676754

Deuteranopia

7E7F22
6A7608
A4B603
444437
686855

Tritanopia

843136
A10606
F30505
45393A
695859

Achromatopsia

6B6B6B
343434
535353
414141
646464

Shades & Tints Shades & Tints

#857200

Dark
Light

#A9000B

Dark
Light

#FF0B00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #857200;
  --color-2: #a9000b;
  --color-3: #ff0b00;
  --color-4: #454232;
  --color-5: #69654e;
}

SCSS

$color-1: #857200;
$color-2: #a9000b;
$color-3: #ff0b00;
$color-4: #454232;
$color-5: #69654e;

TAILWIND

colors: {
  'brand-1': '#857200',
  'brand-2': '#a9000b',
  'brand-3': '#ff0b00',
  'brand-4': '#454232',
  'brand-5': '#69654e',
}

RGB Array

[133, 114, 0], [169, 0, 11], [255, 11, 0], [69, 66, 50], [105, 101, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #857200, #A9000B, #FF0B00, #454232, #69654E is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #857200; --color-2: #a9000b; --color-3: #ff0b00; --color-4: #454232; --color-5: #69654e. 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. 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