← Back to Editor

#9CCC18 · #73911F · #31381D · #250052 · #4C1F82

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#9CCC18

Grass Green · GreenYellow · Olive Green

HEX
#9CCC18
RGB
rgb(156, 204, 24)
HSL
hsl(76, 79%, 45%)
HSB
hsb(76, 88%, 80%)
CMYK
cmyk(24%, 0%, 88%, 20%)
Oklch
oklch(78.3% 0.192 125.2)

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

#73911F

Grass Green · Olive · Forest Green

HEX
#73911F
RGB
rgb(115, 145, 31)
HSL
hsl(76, 65%, 35%)
HSB
hsb(76, 79%, 57%)
CMYK
cmyk(21%, 0%, 79%, 43%)
Oklch
oklch(61.2% 0.140 123.8)

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

#31381D

Grass Green · DarkSlateGray · Dark Green

HEX
#31381D
RGB
rgb(49, 56, 29)
HSL
hsl(76, 32%, 17%)
HSB
hsb(76, 48%, 22%)
CMYK
cmyk(13%, 0%, 48%, 78%)
Oklch
oklch(32.6% 0.045 120.8)

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

#250052

Deep Indigo · MidnightBlue · Dark Purple

HEX
#250052
RGB
rgb(37, 0, 82)
HSL
hsl(267, 100%, 16%)
HSB
hsb(267, 100%, 32%)
CMYK
cmyk(55%, 100%, 0%, 68%)
Oklch
oklch(23.3% 0.129 294.2)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#4C1F82

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#4C1F82
RGB
rgb(76, 31, 130)
HSL
hsl(267, 61%, 32%)
HSB
hsb(267, 76%, 51%)
CMYK
cmyk(42%, 76%, 0%, 49%)
Oklch
oklch(36.4% 0.155 299.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9CCC18
4818CD

Analogous

CDA318
9CCC18
42CD18

Triadic

9CCC18
189DCD
CD189D

Split-Comp.

9CCC18
1842CD
A318CD

Tetradic

9CCC18
18CDA3
4818CD
CD1842

Contrast Matrix WCAG 2.1 Contrast

9CCC18
73911F
31381D
250052
4C1F82
—
1.9
Fail
6.5
AA
9.2
AAA
6.1
AA
1.9
Fail
—
3.4
AA Large
4.8
AA
3.2
AA Large
6.5
AA
3.4
AA Large
—
1.4
Fail
1.1
Fail
9.2
AAA
4.8
AA
1.4
Fail
—
1.5
Fail
6.1
AA
3.2
AA Large
1.1
Fail
1.5
Fail
—
White BG
1.9Fail
3.6AA Large
12.3AAA
17.5AAA
11.5AAA
Black BG
11.1AAA
5.8AA
1.7Fail
1.2Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B144
80803B
343424
15153E
39386A

Deuteranopia

AEAA4E
7E7C41
343325
171A39
3B3E64

Tritanopia

9E666E
755055
31292A
232E2B
4A5753

Achromatopsia

A9A9A9
7B7B7B
333333
141414
383838

Shades & Tints Shades & Tints

#9CCC18

Dark
Light

#73911F

Dark
Light

#31381D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9ccc18;
  --color-2: #73911f;
  --color-3: #31381d;
  --color-4: #250052;
  --color-5: #4c1f82;
}

SCSS

$color-1: #9ccc18;
$color-2: #73911f;
$color-3: #31381d;
$color-4: #250052;
$color-5: #4c1f82;

TAILWIND

colors: {
  'brand-1': '#9ccc18',
  'brand-2': '#73911f',
  'brand-3': '#31381d',
  'brand-4': '#250052',
  'brand-5': '#4c1f82',
}

RGB Array

[156, 204, 24], [115, 145, 31], [49, 56, 29], [37, 0, 82], [76, 31, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #9CCC18, #73911F, #31381D, #250052, #4C1F82 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9ccc18; --color-2: #73911f; --color-3: #31381d; --color-4: #250052; --color-5: #4c1f82. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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