#47402C + #4A3C11 + #4F00ED + #29214F + #272430 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#47402C

Ochre · DarkSlateGray · Amber Gold

HEX

#47402C

RGB

rgb(71, 64, 44)

HSL

hsl(44, 23%, 23%)

HSB

hsb(44, 38%, 28%)

CMYK

cmyk(0%, 10%, 38%, 72%)

Oklch

oklch(37.3% 0.033 91.0)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#4A3C11

Ochre · DarkOliveGreen · Amber Gold

HEX

#4A3C11

RGB

rgb(74, 60, 17)

HSL

hsl(45, 63%, 18%)

HSB

hsb(45, 77%, 29%)

CMYK

cmyk(0%, 19%, 77%, 71%)

Oklch

oklch(36.2% 0.062 90.6)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#4F00ED

Deep Indigo · DarkViolet · Violet

HEX

#4F00ED

RGB

rgb(79, 0, 237)

HSL

hsl(260, 100%, 46%)

HSB

hsb(260, 100%, 93%)

CMYK

cmyk(67%, 100%, 0%, 7%)

Oklch

oklch(46.3% 0.280 280.1)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#29214F

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#29214F

RGB

rgb(41, 33, 79)

HSL

hsl(250, 41%, 22%)

HSB

hsb(250, 58%, 31%)

CMYK

cmyk(48%, 58%, 0%, 69%)

Oklch

oklch(28.4% 0.081 288.1)

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

#272430

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX

#272430

RGB

rgb(39, 36, 48)

HSL

hsl(255, 14%, 16%)

HSB

hsb(255, 25%, 19%)

CMYK

cmyk(19%, 25%, 0%, 81%)

Oklch

oklch(26.9% 0.022 296.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47402C

2D3448

Analogous

48332D

47402C

42482D

Triadic

47402C

2D4841

412D48

Split-Comp.

47402C

2D4248

332D48

Tetradic

47402C

2D4833

2D3448

482D42

Contrast Matrix WCAG 2.1 Contrast

47402C	4A3C11	4F00ED	29214F	272430
—	1.0 Fail	1.3 Fail	1.4 Fail	1.5 Fail
1.0 Fail	—	1.3 Fail	1.4 Fail	1.4 Fail
1.3 Fail	1.3 Fail	—	1.8 Fail	1.8 Fail
1.4 Fail	1.4 Fail	1.8 Fail	—	1.0 Fail
1.5 Fail	1.4 Fail	1.8 Fail	1.0 Fail	—

White BG

10.3AAA

10.8AAA

8.2AAA

14.7AAA

15.2AAA

Black BG

2.0Fail

1.9Fail

2.6Fail

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

444431

44441B

2D2CB4

262544

26262D

Deuteranopia

444532

45461E

3137A6

262741

26262C

Tritanopia

473536

492425

4B867C

293B39

272B2A

Achromatopsia

404040

3B3B3B

333333

292929

262626

Shades & Tints Shades & Tints

#47402C

Dark

Light

#4A3C11

Dark

Light

#4F00ED

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47402c;
  --color-2: #4a3c11;
  --color-3: #4f00ed;
  --color-4: #29214f;
  --color-5: #272430;
}

SCSS

$color-1: #47402c;
$color-2: #4a3c11;
$color-3: #4f00ed;
$color-4: #29214f;
$color-5: #272430;

TAILWIND

colors: {
  'brand-1': '#47402c',
  'brand-2': '#4a3c11',
  'brand-3': '#4f00ed',
  'brand-4': '#29214f',
  'brand-5': '#272430',
}

RGB Array

[71, 64, 44], [74, 60, 17], [79, 0, 237], [41, 33, 79], [39, 36, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #47402C, #4A3C11, #4F00ED, #29214F, #272430 is ideal for: tech websites, dark mode UIs, game UIs. 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: #47402c; --color-2: #4a3c11; --color-3: #4f00ed; --color-4: #29214f; --color-5: #272430. 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 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