← Back to Editor

#383D05 · #DEC930 · #F8E889 · #158070 · #2C0000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#383D05

Autumn Sage · DarkGreen · Amber Gold

HEX
#383D05
RGB
rgb(56, 61, 5)
HSL
hsl(65, 85%, 13%)
HSB
hsb(65, 92%, 24%)
CMYK
cmyk(8%, 0%, 92%, 76%)
Oklch
oklch(34.4% 0.074 115.0)

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

#DEC930

Autumn Sage · GoldenRod · Sunflower

HEX
#DEC930
RGB
rgb(222, 201, 48)
HSL
hsl(53, 73%, 53%)
HSB
hsb(53, 78%, 87%)
CMYK
cmyk(0%, 9%, 78%, 13%)
Oklch
oklch(82.9% 0.161 101.0)

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

#F8E889

Fresh Green · Khaki · Sunflower

HEX
#F8E889
RGB
rgb(248, 232, 137)
HSL
hsl(51, 89%, 75%)
HSB
hsb(51, 45%, 97%)
CMYK
cmyk(0%, 6%, 45%, 3%)
Oklch
oklch(92.4% 0.117 99.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#158070

Mineral Blue · Teal · Mint Ice

HEX
#158070
RGB
rgb(21, 128, 112)
HSL
hsl(171, 72%, 29%)
HSB
hsb(171, 84%, 50%)
CMYK
cmyk(84%, 0%, 13%, 50%)
Oklch
oklch(54.0% 0.093 179.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#2C0000

Vermilion · Black · Deep Berry

HEX
#2C0000
RGB
rgb(44, 0, 0)
HSL
hsl(0, 100%, 9%)
HSB
hsb(0, 100%, 17%)
CMYK
cmyk(0%, 100%, 100%, 83%)
Oklch
oklch(18.4% 0.076 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

383D05
0A053D

Analogous

3D2605
383D05
1C3D05

Triadic

383D05
05393D
3D0539

Split-Comp.

383D05
051C3D
26053D

Tetradic

383D05
053D26
0A053D
3D051C

Contrast Matrix WCAG 2.1 Contrast

383D05
DEC930
F8E889
158070
2C0000
—
6.8
AA
9.2
AAA
2.4
Fail
1.7
Fail
6.8
AA
—
1.4
Fail
2.9
Fail
11.3
AAA
9.2
AAA
1.4
Fail
—
3.9
AA Large
15.3
AAA
2.4
Fail
2.9
Fail
3.9
AA Large
—
3.9
AA Large
1.7
Fail
11.3
AAA
15.3
AAA
3.9
AA Large
—
White BG
11.4AAA
1.7Fail
1.2Fail
4.8AA
19.0AAA
Black BG
1.8Fail
12.5AAA
16.9AAA
4.4AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3A13
D5D555
F1F1A0
434474
191900

Deuteranopia

3A3A16
D6D85E
F2F3A6
3D3575
1C1F00

Tritanopia

381D20
DD7279
F7B2B6
1A7778
2A0000

Achromatopsia

353535
BEBEBE
E2E2E2
5E5E5E
0D0D0D

Shades & Tints Shades & Tints

#383D05

Dark
Light

#DEC930

Dark
Light

#F8E889

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #383d05;
  --color-2: #dec930;
  --color-3: #f8e889;
  --color-4: #158070;
  --color-5: #2c0000;
}

SCSS

$color-1: #383d05;
$color-2: #dec930;
$color-3: #f8e889;
$color-4: #158070;
$color-5: #2c0000;

TAILWIND

colors: {
  'brand-1': '#383d05',
  'brand-2': '#dec930',
  'brand-3': '#f8e889',
  'brand-4': '#158070',
  'brand-5': '#2c0000',
}

RGB Array

[56, 61, 5], [222, 201, 48], [248, 232, 137], [21, 128, 112], [44, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #383D05, #DEC930, #F8E889, #158070, #2C0000 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: #383d05; --color-2: #dec930; --color-3: #f8e889; --color-4: #158070; --color-5: #2c0000. 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