#E65800 + #718F47 + #1B8061 + #415F69 + #363340 · 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

#E65800

Tangerine · OrangeRed · Amber Brown

HEX

#E65800

RGB

rgb(230, 88, 0)

HSL

hsl(23, 100%, 45%)

HSB

hsb(23, 100%, 90%)

CMYK

cmyk(0%, 62%, 100%, 10%)

Oklch

oklch(63.9% 0.191 42.4)

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

#718F47

Grass Green · DarkOliveGreen · Olive Green

HEX

#718F47

RGB

rgb(113, 143, 71)

HSL

hsl(85, 34%, 42%)

HSB

hsb(85, 50%, 56%)

CMYK

cmyk(21%, 0%, 50%, 44%)

Oklch

oklch(61.0% 0.105 127.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#1B8061

Mineral Blue · SeaGreen · Mint Ice

HEX

#1B8061

RGB

rgb(27, 128, 97)

HSL

hsl(162, 65%, 30%)

HSB

hsb(162, 79%, 50%)

CMYK

cmyk(79%, 0%, 24%, 50%)

Oklch

oklch(53.6% 0.102 167.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#415F69

Slate Blue · DarkSlateGray · Mint Ice

HEX

#415F69

RGB

rgb(65, 95, 105)

HSL

hsl(195, 24%, 33%)

HSB

hsb(195, 38%, 41%)

CMYK

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

Oklch

oklch(46.6% 0.039 220.7)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#363340

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#363340

RGB

rgb(54, 51, 64)

HSL

hsl(254, 11%, 23%)

HSB

hsb(254, 20%, 25%)

CMYK

cmyk(16%, 20%, 0%, 75%)

Oklch

oklch(32.9% 0.023 295.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E65800

008EE6

Analogous

E6001B

E65800

E6CB00

Triadic

E65800

00E658

5800E6

Split-Comp.

E65800

00E6CB

001BE6

Tetradic

E65800

1BE600

008EE6

CB00E6

Contrast Matrix WCAG 2.1 Contrast

E65800	718F47	1B8061	415F69	363340
—	1.0 Fail	1.3 Fail	1.9 Fail	3.4 AA Large
1.0 Fail	—	1.3 Fail	1.9 Fail	3.4 AA Large
1.3 Fail	1.3 Fail	—	1.4 Fail	2.5 Fail
1.9 Fail	1.9 Fail	1.4 Fail	—	1.8 Fail
3.4 AA Large	3.4 AA Large	2.5 Fail	1.8 Fail	—

White BG

3.6AA Large

3.7AA Large

4.9AA

6.9AA

12.3AAA

Black BG

5.8AA

5.7AA

4.3AA Large

3.1AA Large

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A715

7E7E58

474869

4E4E67

35353D

Deuteranopia

B1BB1A

7C7A5D

41396A

4C4A66

35353C

Tritanopia

DF262A

736669

206E70

436564

363A3A

Achromatopsia

787878

7E7E7E

5E5E5E

575757

353535

Shades & Tints Shades & Tints

#E65800

Dark

Light

#718F47

Dark

Light

#1B8061

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e65800;
  --color-2: #718f47;
  --color-3: #1b8061;
  --color-4: #415f69;
  --color-5: #363340;
}

SCSS

$color-1: #e65800;
$color-2: #718f47;
$color-3: #1b8061;
$color-4: #415f69;
$color-5: #363340;

TAILWIND

colors: {
  'brand-1': '#e65800',
  'brand-2': '#718f47',
  'brand-3': '#1b8061',
  'brand-4': '#415f69',
  'brand-5': '#363340',
}

RGB Array

[230, 88, 0], [113, 143, 71], [27, 128, 97], [65, 95, 105], [54, 51, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #E65800, #718F47, #1B8061, #415F69, #363340 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: #e65800; --color-2: #718f47; --color-3: #1b8061; --color-4: #415f69; --color-5: #363340. 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