← Back to Editor

#908102 · #655905 · #312300 · #441E2B · #C70150

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

#908102

Autumn Sage · Olive · Honey Gold

HEX
#908102
RGB
rgb(144, 129, 2)
HSL
hsl(54, 97%, 29%)
HSB
hsb(54, 99%, 56%)
CMYK
cmyk(0%, 10%, 99%, 44%)
Oklch
oklch(59.8% 0.124 101.2)

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

#655905

Autumn Sage · Olive · Amber Gold

HEX
#655905
RGB
rgb(101, 89, 5)
HSL
hsl(53, 91%, 21%)
HSB
hsb(53, 95%, 40%)
CMYK
cmyk(0%, 12%, 95%, 60%)
Oklch
oklch(46.2% 0.094 100.0)

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

#312300

Ochre · Black · Amber Gold

HEX
#312300
RGB
rgb(49, 35, 0)
HSL
hsl(43, 100%, 10%)
HSB
hsb(43, 100%, 19%)
CMYK
cmyk(0%, 29%, 100%, 81%)
Oklch
oklch(26.6% 0.054 86.2)

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

#441E2B

Dark Violet · DarkSlateGray · Raspberry

HEX
#441E2B
RGB
rgb(68, 30, 43)
HSL
hsl(339, 39%, 19%)
HSB
hsb(339, 56%, 27%)
CMYK
cmyk(0%, 56%, 37%, 73%)
Oklch
oklch(29.4% 0.061 359.8)

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

#C70150

Dark Violet · Crimson · Camellia

HEX
#C70150
RGB
rgb(199, 1, 80)
HSL
hsl(336, 99%, 39%)
HSB
hsb(336, 99%, 78%)
CMYK
cmyk(0%, 99%, 60%, 22%)
Oklch
oklch(53.1% 0.212 9.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

908102
021192

Analogous

923C02
908102
589202

Triadic

908102
029283
830292

Split-Comp.

908102
025892
3C0292

Tetradic

908102
02923C
021192
920258

Contrast Matrix WCAG 2.1 Contrast

908102
655905
312300
441E2B
C70150
—
1.8
Fail
3.9
AA Large
3.6
AA Large
1.5
Fail
1.8
Fail
—
2.2
Fail
2.0
Fail
1.2
Fail
3.9
AA Large
2.2
Fail
—
1.1
Fail
2.6
Fail
3.6
AA Large
2.0
Fail
1.1
Fail
—
2.4
Fail
1.5
Fail
1.2
Fail
2.6
Fail
2.4
Fail
—
White BG
3.9AA Large
7.0AAA
15.3AAA
14.3AAA
5.9AA
Black BG
5.3AA
3.0Fail
1.4Fail
1.5Fail
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8921
606019
2B2B08
343328
716F3D

Deuteranopia

8A8C28
61611E
2C2D0B
363927
7D8C38

Tritanopia

8F393E
64292D
300F11
422525
BD2E2A

Achromatopsia

777777
535353
232323
2B2B2B
454545

Shades & Tints Shades & Tints

#908102

Dark
Light

#655905

Dark
Light

#312300

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #908102;
  --color-2: #655905;
  --color-3: #312300;
  --color-4: #441e2b;
  --color-5: #c70150;
}

SCSS

$color-1: #908102;
$color-2: #655905;
$color-3: #312300;
$color-4: #441e2b;
$color-5: #c70150;

TAILWIND

colors: {
  'brand-1': '#908102',
  'brand-2': '#655905',
  'brand-3': '#312300',
  'brand-4': '#441e2b',
  'brand-5': '#c70150',
}

RGB Array

[144, 129, 2], [101, 89, 5], [49, 35, 0], [68, 30, 43], [199, 1, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #908102, #655905, #312300, #441E2B, #C70150 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: #908102; --color-2: #655905; --color-3: #312300; --color-4: #441e2b; --color-5: #c70150. 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