← Back to Editor

#1D362E · #C9C936 · #FAE43E · #BB1F1F · #5C0000

space

A 5-color space 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

#1D362E

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#1D362E
RGB
rgb(29, 54, 46)
HSL
hsl(161, 30%, 16%)
HSB
hsb(161, 46%, 21%)
CMYK
cmyk(46%, 0%, 15%, 79%)
Oklch
oklch(31.0% 0.035 171.5)

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

#C9C936

Autumn Sage · GoldenRod · Honey Gold

HEX
#C9C936
RGB
rgb(201, 201, 54)
HSL
hsl(60, 58%, 50%)
HSB
hsb(60, 73%, 79%)
CMYK
cmyk(0%, 0%, 73%, 21%)
Oklch
oklch(81.1% 0.160 109.5)

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

#FAE43E

Fresh Green · Gold · Sunflower

HEX
#FAE43E
RGB
rgb(250, 228, 62)
HSL
hsl(53, 95%, 61%)
HSB
hsb(53, 75%, 98%)
CMYK
cmyk(0%, 9%, 75%, 2%)
Oklch
oklch(91.0% 0.174 101.4)

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

#BB1F1F

Vermilion · FireBrick · Passion Red

HEX
#BB1F1F
RGB
rgb(187, 31, 31)
HSL
hsl(0, 72%, 43%)
HSB
hsb(0, 83%, 73%)
CMYK
cmyk(0%, 83%, 83%, 27%)
Oklch
oklch(51.1% 0.190 27.3)

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

#5C0000

Vermilion · Maroon · Deep Berry

HEX
#5C0000
RGB
rgb(92, 0, 0)
HSL
hsl(0, 100%, 18%)
HSB
hsb(0, 100%, 36%)
CMYK
cmyk(0%, 100%, 100%, 64%)
Oklch
oklch(29.8% 0.122 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D362E
351D24

Analogous

1D3521
1D362E
1D3135

Triadic

1D362E
2D1D35
352D1D

Split-Comp.

1D362E
351D31
35211D

Tetradic

1D362E
211D35
351D24
31351D

Contrast Matrix WCAG 2.1 Contrast

1D362E
C9C936
FAE43E
BB1F1F
5C0000
—
7.3
AAA
10.0
AAA
2.1
Fail
1.1
Fail
7.3
AAA
—
1.4
Fail
3.6
AA Large
8.2
AAA
10.0
AAA
1.4
Fail
—
4.9
AA
11.2
AAA
2.1
Fail
3.6
AA Large
4.9
AA
—
2.3
Fail
1.1
Fail
8.2
AAA
11.2
AAA
2.3
Fail
—
White BG
13.0AAA
1.8Fail
1.3Fail
6.3AA
14.4AAA
Black BG
1.6Fail
11.9AAA
16.2AAA
3.3AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

282830
C9C95A
F0F066
77761F
343300

Deuteranopia

262530
C9C962
F2F370
818C1F
3A4000

Tritanopia

1E3132
C9767C
F9868D
B31F1F
570000

Achromatopsia

2E2E2E
B8B8B8
D8D8D8
4E4E4E
1C1C1C

Shades & Tints Shades & Tints

#1D362E

Dark
Light

#C9C936

Dark
Light

#FAE43E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d362e;
  --color-2: #c9c936;
  --color-3: #fae43e;
  --color-4: #bb1f1f;
  --color-5: #5c0000;
}

SCSS

$color-1: #1d362e;
$color-2: #c9c936;
$color-3: #fae43e;
$color-4: #bb1f1f;
$color-5: #5c0000;

TAILWIND

colors: {
  'brand-1': '#1d362e',
  'brand-2': '#c9c936',
  'brand-3': '#fae43e',
  'brand-4': '#bb1f1f',
  'brand-5': '#5c0000',
}

RGB Array

[29, 54, 46], [201, 201, 54], [250, 228, 62], [187, 31, 31], [92, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #1D362E, #C9C936, #FAE43E, #BB1F1F, #5C0000 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: #1d362e; --color-2: #c9c936; --color-3: #fae43e; --color-4: #bb1f1f; --color-5: #5c0000. 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 space-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