← Back to Editor

#918F79 · #A74C0A · #B60A0E · #1D000E · #82705E

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

#918F79

Autumn Sage · Gray · Sunflower

HEX
#918F79
RGB
rgb(145, 143, 121)
HSL
hsl(55, 10%, 52%)
HSB
hsb(55, 17%, 57%)
CMYK
cmyk(0%, 1%, 17%, 43%)
Oklch
oklch(64.6% 0.032 103.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A74C0A

Tangerine · Sienna · Amber Brown

HEX
#A74C0A
RGB
rgb(167, 76, 10)
HSL
hsl(25, 89%, 35%)
HSB
hsb(25, 94%, 65%)
CMYK
cmyk(0%, 54%, 94%, 35%)
Oklch
oklch(52.5% 0.138 48.4)

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

#B60A0E

Vermilion · FireBrick · Wine Red

HEX
#B60A0E
RGB
rgb(182, 10, 14)
HSL
hsl(359, 90%, 38%)
HSB
hsb(359, 95%, 71%)
CMYK
cmyk(0%, 95%, 92%, 29%)
Oklch
oklch(49.1% 0.196 28.2)

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

#1D000E

Dark Violet · Black · Raspberry

HEX
#1D000E
RGB
rgb(29, 0, 14)
HSL
hsl(331, 100%, 6%)
HSB
hsb(331, 100%, 11%)
CMYK
cmyk(0%, 100%, 52%, 89%)
Oklch
oklch(15.1% 0.063 352.3)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#82705E

Ochre · DimGray · Amber Brown

HEX
#82705E
RGB
rgb(130, 112, 94)
HSL
hsl(30, 16%, 44%)
HSB
hsb(30, 28%, 51%)
CMYK
cmyk(0%, 14%, 28%, 49%)
Oklch
oklch(55.7% 0.035 67.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

918F79
787A91

Analogous

918378
918F79
879178

Triadic

918F79
78918F
8F7891

Split-Comp.

918F79
788791
837891

Tetradic

918F79
789183
787A91
917887

Contrast Matrix WCAG 2.1 Contrast

918F79
A74C0A
B60A0E
1D000E
82705E
—
1.7
Fail
2.1
Fail
6.1
AA
1.4
Fail
1.7
Fail
—
1.2
Fail
3.5
AA Large
1.2
Fail
2.1
Fail
1.2
Fail
—
2.9
Fail
1.5
Fail
6.1
AA
3.5
AA Large
2.9
Fail
—
4.2
AA Large
1.4
Fail
1.2
Fail
1.5
Fail
4.2
AA Large
—
White BG
3.3AA Large
5.7AA
6.9AA
19.8AAA
4.7AA
Black BG
6.4AA
3.7AA Large
3.0AA Large
1.1Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

90907E
807F1A
6C6A0D
10100B
7A7A62

Deuteranopia

909080
858C1E
76820D
12140A
7B7D63

Tritanopia

918383
A22729
AD0C0C
1C0807
816667

Achromatopsia

8D8D8D
606060
3E3E3E
0A0A0A
737373

Shades & Tints Shades & Tints

#918F79

Dark
Light

#A74C0A

Dark
Light

#B60A0E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #918f79;
  --color-2: #a74c0a;
  --color-3: #b60a0e;
  --color-4: #1d000e;
  --color-5: #82705e;
}

SCSS

$color-1: #918f79;
$color-2: #a74c0a;
$color-3: #b60a0e;
$color-4: #1d000e;
$color-5: #82705e;

TAILWIND

colors: {
  'brand-1': '#918f79',
  'brand-2': '#a74c0a',
  'brand-3': '#b60a0e',
  'brand-4': '#1d000e',
  'brand-5': '#82705e',
}

RGB Array

[145, 143, 121], [167, 76, 10], [182, 10, 14], [29, 0, 14], [130, 112, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #918F79, #A74C0A, #B60A0E, #1D000E, #82705E 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: #918f79; --color-2: #a74c0a; --color-3: #b60a0e; --color-4: #1d000e; --color-5: #82705e. 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