#EB8F05 + #383845 + #3E26D2 + #3E3D50 + #3C345E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EB8F05

Ochre · Orange · Amber Brown

HEX

#EB8F05

RGB

rgb(235, 143, 5)

HSL

hsl(36, 96%, 47%)

HSB

hsb(36, 98%, 92%)

CMYK

cmyk(0%, 39%, 98%, 8%)

Oklch

oklch(73.0% 0.162 65.6)

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

#383845

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#383845

RGB

rgb(56, 56, 69)

HSL

hsl(240, 10%, 25%)

HSB

hsb(240, 19%, 27%)

CMYK

cmyk(19%, 19%, 0%, 73%)

Oklch

oklch(34.6% 0.023 285.2)

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

#3E26D2

Deep Indigo · SlateBlue · Navy Blue

HEX

#3E26D2

RGB

rgb(62, 38, 210)

HSL

hsl(248, 69%, 49%)

HSB

hsb(248, 82%, 82%)

CMYK

cmyk(70%, 82%, 0%, 18%)

Oklch

oklch(44.0% 0.240 276.3)

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

#3E3D50

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#3E3D50

RGB

rgb(62, 61, 80)

HSL

hsl(243, 13%, 28%)

HSB

hsb(243, 24%, 31%)

CMYK

cmyk(22%, 24%, 0%, 69%)

Oklch

oklch(36.9% 0.032 287.1)

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

#3C345E

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#3C345E

RGB

rgb(60, 52, 94)

HSL

hsl(251, 29%, 29%)

HSB

hsb(251, 45%, 37%)

CMYK

cmyk(36%, 45%, 0%, 63%)

Oklch

oklch(35.4% 0.072 291.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB8F05

0561EB

Analogous

EB1C05

EB8F05

D4EB05

Triadic

EB8F05

05EB8F

8F05EB

Split-Comp.

EB8F05

05D4EB

1C05EB

Tetradic

EB8F05

05EB1C

0561EB

EB05D4

Contrast Matrix WCAG 2.1 Contrast

EB8F05	383845	3E26D2	3E3D50	3C345E
—	4.7 AA	3.5 AA Large	4.3 AA Large	4.6 AA
4.7 AA	—	1.3 Fail	1.1 Fail	1.0 Fail
3.5 AA Large	1.3 Fail	—	1.2 Fail	1.3 Fail
4.3 AA Large	1.1 Fail	1.2 Fail	—	1.1 Fail
4.6 AA	1.0 Fail	1.3 Fail	1.1 Fail	—

White BG

2.5Fail

11.5AAA

8.7AAA

10.6AAA

11.4AAA

Black BG

8.5AAA

1.8Fail

2.4Fail

2.0Fail

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C226

383842

3433A8

3E3E4B

393854

Deuteranopia

C9CF2E

383841

35379E

3E3E4A

393A51

Tritanopia

E64147

383F3F

3D8880

3E4847

3C4C4A

Achromatopsia

9B9B9B

393939

414141

3F3F3F

3B3B3B

Shades & Tints Shades & Tints

#EB8F05

Dark

Light

#383845

Dark

Light

#3E26D2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb8f05;
  --color-2: #383845;
  --color-3: #3e26d2;
  --color-4: #3e3d50;
  --color-5: #3c345e;
}

SCSS

$color-1: #eb8f05;
$color-2: #383845;
$color-3: #3e26d2;
$color-4: #3e3d50;
$color-5: #3c345e;

TAILWIND

colors: {
  'brand-1': '#eb8f05',
  'brand-2': '#383845',
  'brand-3': '#3e26d2',
  'brand-4': '#3e3d50',
  'brand-5': '#3c345e',
}

RGB Array

[235, 143, 5], [56, 56, 69], [62, 38, 210], [62, 61, 80], [60, 52, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB8F05, #383845, #3E26D2, #3E3D50, #3C345E 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: #eb8f05; --color-2: #383845; --color-3: #3e26d2; --color-4: #3e3d50; --color-5: #3c345e. 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 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