← Back to Editor

#917E04 · #825B06 · #693820 · #61110E · #250A06

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

#917E04

Autumn Sage · Olive · Honey Gold

HEX
#917E04
RGB
rgb(145, 126, 4)
HSL
hsl(52, 95%, 29%)
HSB
hsb(52, 97%, 57%)
CMYK
cmyk(0%, 13%, 97%, 43%)
Oklch
oklch(59.3% 0.122 98.5)

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

#825B06

Ochre · Olive · Honey Gold

HEX
#825B06
RGB
rgb(130, 91, 6)
HSL
hsl(41, 91%, 27%)
HSB
hsb(41, 95%, 51%)
CMYK
cmyk(0%, 30%, 95%, 49%)
Oklch
oklch(50.0% 0.102 78.9)

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

#693820

Tangerine · DarkOliveGreen · Amber Brown

HEX
#693820
RGB
rgb(105, 56, 32)
HSL
hsl(20, 53%, 27%)
HSB
hsb(20, 70%, 41%)
CMYK
cmyk(0%, 47%, 70%, 59%)
Oklch
oklch(39.7% 0.079 45.7)

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

#61110E

Vermilion · Maroon · Wine Red

HEX
#61110E
RGB
rgb(97, 17, 14)
HSL
hsl(2, 75%, 22%)
HSB
hsb(2, 86%, 38%)
CMYK
cmyk(0%, 82%, 86%, 62%)
Oklch
oklch(32.3% 0.113 27.8)

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

#250A06

Vermilion · Black · Deep Berry

HEX
#250A06
RGB
rgb(37, 10, 6)
HSL
hsl(8, 72%, 8%)
HSB
hsb(8, 84%, 15%)
CMYK
cmyk(0%, 73%, 84%, 85%)
Oklch
oklch(18.9% 0.047 31.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

917E04
041690

Analogous

903704
917E04
5D9004

Triadic

917E04
04907D
7D0490

Split-Comp.

917E04
045D90
370490

Tetradic

917E04
049037
041690
90045D

Contrast Matrix WCAG 2.1 Contrast

917E04
825B06
693820
61110E
250A06
—
1.5
Fail
2.4
Fail
3.3
AA Large
4.6
AA
1.5
Fail
—
1.6
Fail
2.2
Fail
3.1
AA Large
2.4
Fail
1.6
Fail
—
1.4
Fail
1.9
Fail
3.3
AA Large
2.2
Fail
1.4
Fail
—
1.4
Fail
4.6
AA
3.1
AA Large
1.9
Fail
1.4
Fail
—
White BG
4.0AA Large
6.1AA
9.6AAA
13.2AAA
18.7AAA
Black BG
5.2AA
3.4AA Large
2.2Fail
1.6Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

898922
71711B
545326
3E3E0F
191907

Deuteranopia

8A8B29
737620
575A27
43490F
1B1D07

Tritanopia

90393E
802B2E
672A2B
5D0F0F
240808

Achromatopsia

767676
5D5D5D
444444
292929
121212

Shades & Tints Shades & Tints

#917E04

Dark
Light

#825B06

Dark
Light

#693820

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #917e04;
  --color-2: #825b06;
  --color-3: #693820;
  --color-4: #61110e;
  --color-5: #250a06;
}

SCSS

$color-1: #917e04;
$color-2: #825b06;
$color-3: #693820;
$color-4: #61110e;
$color-5: #250a06;

TAILWIND

colors: {
  'brand-1': '#917e04',
  'brand-2': '#825b06',
  'brand-3': '#693820',
  'brand-4': '#61110e',
  'brand-5': '#250a06',
}

RGB Array

[145, 126, 4], [130, 91, 6], [105, 56, 32], [97, 17, 14], [37, 10, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #917E04, #825B06, #693820, #61110E, #250A06 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: #917e04; --color-2: #825b06; --color-3: #693820; --color-4: #61110e; --color-5: #250a06. 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