← Back to Editor

#01BCB5 · #49E80F · #7EB500 · #885803 · #560000

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#01BCB5

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#01BCB5
RGB
rgb(1, 188, 181)
HSL
hsl(178, 99%, 37%)
HSB
hsb(178, 99%, 74%)
CMYK
cmyk(99%, 0%, 4%, 26%)
Oklch
oklch(71.8% 0.124 190.0)

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

#49E80F

Pine Green · LimeGreen · Olive Green

HEX
#49E80F
RGB
rgb(73, 232, 15)
HSL
hsl(104, 88%, 48%)
HSB
hsb(104, 94%, 91%)
CMYK
cmyk(69%, 0%, 94%, 9%)
Oklch
oklch(81.6% 0.261 140.2)

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

#7EB500

Grass Green · Olive · Forest Green

HEX
#7EB500
RGB
rgb(126, 181, 0)
HSL
hsl(78, 100%, 35%)
HSB
hsb(78, 100%, 71%)
CMYK
cmyk(30%, 0%, 100%, 29%)
Oklch
oklch(70.8% 0.186 128.2)

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

#885803

Ochre · Olive · Amber Brown

HEX
#885803
RGB
rgb(136, 88, 3)
HSL
hsl(38, 96%, 27%)
HSB
hsb(38, 98%, 53%)
CMYK
cmyk(0%, 35%, 98%, 47%)
Oklch
oklch(50.1% 0.106 72.3)

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

#560000

Vermilion · Maroon · Deep Berry

HEX
#560000
RGB
rgb(86, 0, 0)
HSL
hsl(0, 100%, 17%)
HSB
hsb(0, 100%, 34%)
CMYK
cmyk(0%, 100%, 100%, 66%)
Oklch
oklch(28.5% 0.117 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

01BCB5
BC0107

Analogous

01BC58
01BCB5
0165BC

Triadic

01BCB5
B601BC
BCB601

Split-Comp.

01BCB5
BC0165
BC5801

Tetradic

01BCB5
5801BC
BC0107
65BC01

Contrast Matrix WCAG 2.1 Contrast

01BCB5
49E80F
7EB500
885803
560000
—
1.4
Fail
1.0
Fail
2.6
Fail
6.3
AA
1.4
Fail
—
1.5
Fail
3.7
AA Large
9.2
AAA
1.0
Fail
1.5
Fail
—
2.5
Fail
6.1
AA
2.6
Fail
3.7
AA Large
2.5
Fail
—
2.5
Fail
6.3
AA
9.2
AAA
6.1
AA
2.5
Fail
—
White BG
2.4Fail
1.6Fail
2.5Fail
6.1AA
15.0AAA
Black BG
8.9AAA
12.8AAA
8.5AAA
3.4AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5254B7
8E8F44
96962C
737318
313000

Deuteranopia

4739B7
857950
938F36
767A1D
363C00

Tritanopia

0AB8B8
516D76
814E56
86282B
520000

Achromatopsia

838383
A0A0A0
909090
5D5D5D
1A1A1A

Shades & Tints Shades & Tints

#01BCB5

Dark
Light

#49E80F

Dark
Light

#7EB500

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #01bcb5;
  --color-2: #49e80f;
  --color-3: #7eb500;
  --color-4: #885803;
  --color-5: #560000;
}

SCSS

$color-1: #01bcb5;
$color-2: #49e80f;
$color-3: #7eb500;
$color-4: #885803;
$color-5: #560000;

TAILWIND

colors: {
  'brand-1': '#01bcb5',
  'brand-2': '#49e80f',
  'brand-3': '#7eb500',
  'brand-4': '#885803',
  'brand-5': '#560000',
}

RGB Array

[1, 188, 181], [73, 232, 15], [126, 181, 0], [136, 88, 3], [86, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #01BCB5, #49E80F, #7EB500, #885803, #560000 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: #01bcb5; --color-2: #49e80f; --color-3: #7eb500; --color-4: #885803; --color-5: #560000. 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