← Back to Editor

#08062D · #3C2037 · #820127 · #D4C158 · #B3B26F

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#08062D

Deep Indigo · Black · Deep Sea Blue

HEX
#08062D
RGB
rgb(8, 6, 45)
HSL
hsl(243, 76%, 10%)
HSB
hsb(243, 87%, 18%)
CMYK
cmyk(82%, 87%, 0%, 82%)
Oklch
oklch(16.2% 0.076 276.6)

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

#3C2037

Rose Purple · DarkSlateGray · Dark Purple

HEX
#3C2037
RGB
rgb(60, 32, 55)
HSL
hsl(311, 30%, 18%)
HSB
hsb(311, 47%, 24%)
CMYK
cmyk(0%, 47%, 8%, 76%)
Oklch
oklch(29.0% 0.056 333.7)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#820127

Dark Violet · Maroon · Camellia

HEX
#820127
RGB
rgb(130, 1, 39)
HSL
hsl(342, 98%, 26%)
HSB
hsb(342, 99%, 51%)
CMYK
cmyk(0%, 99%, 70%, 49%)
Oklch
oklch(38.6% 0.154 15.6)

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

#D4C158

Autumn Sage · SandyBrown · Sunflower

HEX
#D4C158
RGB
rgb(212, 193, 88)
HSL
hsl(51, 59%, 59%)
HSB
hsb(51, 58%, 83%)
CMYK
cmyk(0%, 9%, 58%, 17%)
Oklch
oklch(80.6% 0.127 99.2)

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

#B3B26F

Autumn Sage · Tan · Sunflower

HEX
#B3B26F
RGB
rgb(179, 178, 111)
HSL
hsl(59, 31%, 57%)
HSB
hsb(59, 38%, 70%)
CMYK
cmyk(0%, 1%, 38%, 30%)
Oklch
oklch(74.9% 0.088 107.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

08062D
2B2D06

Analogous

06182D
08062D
1B062D

Triadic

08062D
2D0806
062D08

Split-Comp.

08062D
2D1B06
182D06

Tetradic

08062D
2D0618
2B2D06
062D1B

Contrast Matrix WCAG 2.1 Contrast

08062D
3C2037
820127
D4C158
B3B26F
—
1.4
Fail
1.8
Fail
10.8
AAA
8.9
AAA
1.4
Fail
—
1.4
Fail
8.0
AAA
6.5
AA
1.8
Fail
1.4
Fail
—
5.8
AA
4.8
AA
10.8
AAA
8.0
AAA
5.8
AA
—
1.2
Fail
8.9
AAA
6.5
AA
4.8
AA
1.2
Fail
—
White BG
19.5AAA
14.4AAA
10.6AAA
1.8Fail
2.2Fail
Black BG
1.1Fail
1.5Fail
2.0Fail
11.6AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

070724
303031
4A491E
CCCC71
B3B37F

Deuteranopia

070721
323430
525B1C
CDCE78
B3B383

Tritanopia

081C1A
3B2D2C
7C1715
D3858A
B38C8F

Achromatopsia

0B0B0B
2B2B2B
2C2C2C
BBBBBB
ABABAB

Shades & Tints Shades & Tints

#08062D

Dark
Light

#3C2037

Dark
Light

#820127

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #08062d;
  --color-2: #3c2037;
  --color-3: #820127;
  --color-4: #d4c158;
  --color-5: #b3b26f;
}

SCSS

$color-1: #08062d;
$color-2: #3c2037;
$color-3: #820127;
$color-4: #d4c158;
$color-5: #b3b26f;

TAILWIND

colors: {
  'brand-1': '#08062d',
  'brand-2': '#3c2037',
  'brand-3': '#820127',
  'brand-4': '#d4c158',
  'brand-5': '#b3b26f',
}

RGB Array

[8, 6, 45], [60, 32, 55], [130, 1, 39], [212, 193, 88], [179, 178, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #08062D, #3C2037, #820127, #D4C158, #B3B26F is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #08062d; --color-2: #3c2037; --color-3: #820127; --color-4: #d4c158; --color-5: #b3b26f. 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 tech, SaaS, healthcare, eco industries. 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