#6FA61E + #078A5E + #337365 + #45545A + #252229 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6FA61E

Grass Green · Olive · Forest Green

HEX

#6FA61E

RGB

rgb(111, 166, 30)

HSL

hsl(84, 69%, 38%)

HSB

hsb(84, 82%, 65%)

CMYK

cmyk(33%, 0%, 82%, 35%)

Oklch

oklch(66.2% 0.168 130.2)

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

#078A5E

Mineral Blue · Teal · Mint Ice

HEX

#078A5E

RGB

rgb(7, 138, 94)

HSL

hsl(160, 90%, 28%)

HSB

hsb(160, 95%, 54%)

CMYK

cmyk(95%, 0%, 32%, 46%)

Oklch

oklch(56.1% 0.122 161.9)

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

#337365

Mineral Blue · SeaGreen · Mint Ice

HEX

#337365

RGB

rgb(51, 115, 101)

HSL

hsl(167, 39%, 33%)

HSB

hsb(167, 56%, 45%)

CMYK

cmyk(56%, 0%, 12%, 55%)

Oklch

oklch(50.9% 0.070 177.0)

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

#45545A

Slate Blue · DarkSlateGray · Mint Ice

HEX

#45545A

RGB

rgb(69, 84, 90)

HSL

hsl(197, 13%, 31%)

HSB

hsb(197, 23%, 35%)

CMYK

cmyk(23%, 7%, 0%, 65%)

Oklch

oklch(43.5% 0.021 224.0)

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

#252229

Deep Indigo · DarkSlateGray · Dark Stone

HEX

#252229

RGB

rgb(37, 34, 41)

HSL

hsl(266, 9%, 15%)

HSB

hsb(266, 17%, 16%)

CMYK

cmyk(10%, 17%, 0%, 84%)

Oklch

oklch(25.8% 0.014 304.8)

Traditional「Deep Indigo」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6FA61E

541EA4

Analogous

A4961E

6FA61E

2BA41E

Triadic

6FA61E

1E6EA4

A41E6E

Split-Comp.

6FA61E

1E2BA4

961EA4

Tetradic

6FA61E

1EA496

541EA4

A41E2B

Contrast Matrix WCAG 2.1 Contrast

6FA61E	078A5E	337365	45545A	252229
—	1.5 Fail	1.9 Fail	2.7 Fail	5.3 AA
1.5 Fail	—	1.3 Fail	1.8 Fail	3.6 AA Large
1.9 Fail	1.3 Fail	—	1.4 Fail	2.8 Fail
2.7 Fail	1.8 Fail	1.4 Fail	—	2.0 Fail
5.3 AA	3.6 AA Large	2.8 Fail	2.0 Fail	—

White BG

2.9Fail

4.4AA Large

5.6AA

7.9AAA

15.7AAA

Black BG

7.1AAA

4.8AA

3.8AA Large

2.7Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

87873F

404169

4F4F68

4B4C59

242427

Deuteranopia

847F47

382E6B

4B4669

4B4A58

242427

Tritanopia

72595F

0E7173

366B6C

465757

252626

Achromatopsia

868686

5E5E5E

505050

242424

Shades & Tints Shades & Tints

#6FA61E

Dark

Light

#078A5E

Dark

Light

#337365

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6fa61e;
  --color-2: #078a5e;
  --color-3: #337365;
  --color-4: #45545a;
  --color-5: #252229;
}

SCSS

$color-1: #6fa61e;
$color-2: #078a5e;
$color-3: #337365;
$color-4: #45545a;
$color-5: #252229;

TAILWIND

colors: {
  'brand-1': '#6fa61e',
  'brand-2': '#078a5e',
  'brand-3': '#337365',
  'brand-4': '#45545a',
  'brand-5': '#252229',
}

RGB Array

[111, 166, 30], [7, 138, 94], [51, 115, 101], [69, 84, 90], [37, 34, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #6FA61E, #078A5E, #337365, #45545A, #252229 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: #6fa61e; --color-2: #078a5e; --color-3: #337365; --color-4: #45545a; --color-5: #252229. 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