← Back to Editor

#184818 · #609048 · #D8D830 · #003090 · #0048C0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#184818

Celadon · DarkGreen · Dark Green

HEX
#184818
RGB
rgb(24, 72, 24)
HSL
hsl(120, 50%, 19%)
HSB
hsb(120, 67%, 28%)
CMYK
cmyk(67%, 0%, 67%, 72%)
Oklch
oklch(35.7% 0.093 143.3)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#609048

Celadon · DarkOliveGreen · Olive Green

HEX
#609048
RGB
rgb(96, 144, 72)
HSL
hsl(100, 33%, 42%)
HSB
hsb(100, 50%, 56%)
CMYK
cmyk(33%, 0%, 50%, 44%)
Oklch
oklch(60.1% 0.115 136.1)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#D8D830

Autumn Sage · GoldenRod · Sunflower

HEX
#D8D830
RGB
rgb(216, 216, 48)
HSL
hsl(60, 68%, 52%)
HSB
hsb(60, 78%, 85%)
CMYK
cmyk(0%, 0%, 78%, 15%)
Oklch
oklch(85.5% 0.174 109.6)

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

#003090

Indigo · MidnightBlue · Prussian Blue

HEX
#003090
RGB
rgb(0, 48, 144)
HSL
hsl(220, 100%, 28%)
HSB
hsb(220, 100%, 56%)
CMYK
cmyk(100%, 67%, 0%, 44%)
Oklch
oklch(35.6% 0.165 262.0)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#0048C0

Indigo · MediumBlue · Prussian Blue

HEX
#0048C0
RGB
rgb(0, 72, 192)
HSL
hsl(218, 100%, 38%)
HSB
hsb(218, 100%, 75%)
CMYK
cmyk(100%, 63%, 0%, 25%)
Oklch
oklch(45.0% 0.198 261.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

184818
491849

Analogous

304918
184818
184930

Triadic

184818
181849
491818

Split-Comp.

184818
301849
491830

Tetradic

184818
183049
491849
493018

Contrast Matrix WCAG 2.1 Contrast

184818
609048
D8D830
003090
0048C0
—
2.8
Fail
7.0
AA
1.1
Fail
1.4
Fail
2.8
Fail
—
2.5
Fail
3.1
AA Large
2.1
Fail
7.0
AA
2.5
Fail
—
7.6
AAA
5.1
AA
1.1
Fail
3.1
AA Large
7.6
AAA
—
1.5
Fail
1.4
Fail
2.1
Fail
5.1
AA
1.5
Fail
—
White BG
10.6AAA
3.8AA Large
1.5Fail
11.5AAA
7.8AAA
Black BG
2.0Fail
5.6AA
13.8AAA
1.8Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D24
757559
D8D859
151579
1F20A3

Deuteranopia

2A2626
726E5E
D8D862
120E73
1B169C

Tritanopia

1A2D2F
62676A
D87980
026662
048C87

Achromatopsia

343434
797979
C5C5C5
2D2D2D
404040

Shades & Tints Shades & Tints

#184818

Dark
Light

#609048

Dark
Light

#D8D830

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #184818;
  --color-2: #609048;
  --color-3: #d8d830;
  --color-4: #003090;
  --color-5: #0048c0;
}

SCSS

$color-1: #184818;
$color-2: #609048;
$color-3: #d8d830;
$color-4: #003090;
$color-5: #0048c0;

TAILWIND

colors: {
  'brand-1': '#184818',
  'brand-2': '#609048',
  'brand-3': '#d8d830',
  'brand-4': '#003090',
  'brand-5': '#0048c0',
}

RGB Array

[24, 72, 24], [96, 144, 72], [216, 216, 48], [0, 48, 144], [0, 72, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #184818, #609048, #D8D830, #003090, #0048C0 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: #184818; --color-2: #609048; --color-3: #d8d830; --color-4: #003090; --color-5: #0048c0. 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