← Back to Editor

#001835 · #183027 · #828220 · #A8A50F · #A8180F

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 App

Color Details Color Details

#001835

Indigo · Black · Deep Sea Blue

HEX
#001835
RGB
rgb(0, 24, 53)
HSL
hsl(213, 100%, 10%)
HSB
hsb(213, 100%, 21%)
CMYK
cmyk(100%, 55%, 0%, 79%)
Oklch
oklch(21.0% 0.065 253.4)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#183027

Mineral Blue · DarkSlateGray · Dark Green

HEX
#183027
RGB
rgb(24, 48, 39)
HSL
hsl(158, 33%, 14%)
HSB
hsb(158, 50%, 19%)
CMYK
cmyk(50%, 0%, 19%, 81%)
Oklch
oklch(28.6% 0.035 167.8)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#828220

Autumn Sage · Olive · Honey Gold

HEX
#828220
RGB
rgb(130, 130, 32)
HSL
hsl(60, 60%, 32%)
HSB
hsb(60, 75%, 51%)
CMYK
cmyk(0%, 0%, 75%, 49%)
Oklch
oklch(58.8% 0.116 109.5)

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

#A8A50F

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A8A50F
RGB
rgb(168, 165, 15)
HSL
hsl(59, 84%, 36%)
HSB
hsb(59, 91%, 66%)
CMYK
cmyk(0%, 2%, 91%, 34%)
Oklch
oklch(70.2% 0.149 108.4)

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

#A8180F

Vermilion · FireBrick · Wine Red

HEX
#A8180F
RGB
rgb(168, 24, 15)
HSL
hsl(4, 84%, 36%)
HSB
hsb(4, 91%, 66%)
CMYK
cmyk(0%, 86%, 91%, 34%)
Oklch
oklch(47.0% 0.178 29.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

001835
331C00

Analogous

003033
001835
030033

Triadic

001835
330017
173300

Split-Comp.

001835
330300
303300

Tetradic

001835
330030
331C00
003303

Contrast Matrix WCAG 2.1 Contrast

001835
183027
828220
A8A50F
A8180F
—
1.3
Fail
4.4
AA Large
6.8
AA
2.4
Fail
1.3
Fail
—
3.5
AA Large
5.4
AA
1.9
Fail
4.4
AA Large
3.5
AA Large
—
1.6
Fail
1.8
Fail
6.8
AA
5.4
AA
1.6
Fail
—
2.9
Fail
2.4
Fail
1.9
Fail
1.8
Fail
2.9
Fail
—
White BG
17.8AAA
14.1AAA
4.1AA Large
2.6Fail
7.5AAA
Black BG
1.2Fail
1.5Fail
5.2AA
8.1AAA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0B2E
222329
828238
A7A733
6A6811

Deuteranopia

09072C
211F2A
82823D
A7A73C
727D12

Tritanopia

012827
192B2B
824A4F
A85056
A11313

Achromatopsia

141414
282828
777777
959595
424242

Shades & Tints Shades & Tints

#001835

Dark
Light

#183027

Dark
Light

#828220

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #001835;
  --color-2: #183027;
  --color-3: #828220;
  --color-4: #a8a50f;
  --color-5: #a8180f;
}

SCSS

$color-1: #001835;
$color-2: #183027;
$color-3: #828220;
$color-4: #a8a50f;
$color-5: #a8180f;

TAILWIND

colors: {
  'brand-1': '#001835',
  'brand-2': '#183027',
  'brand-3': '#828220',
  'brand-4': '#a8a50f',
  'brand-5': '#a8180f',
}

RGB Array

[0, 24, 53], [24, 48, 39], [130, 130, 32], [168, 165, 15], [168, 24, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #001835, #183027, #828220, #A8A50F, #A8180F 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: #001835; --color-2: #183027; --color-3: #828220; --color-4: #a8a50f; --color-5: #a8180f. 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