← Back to Editor

#30D4AF · #F72293 · #000000 · #B1F6B1 · #E8FFC8

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 AppData Visualization

Color Details Color Details

#30D4AF

Mineral Blue · MediumTurquoise · Lake Green

HEX
#30D4AF
RGB
rgb(48, 212, 175)
HSL
hsl(166, 66%, 51%)
HSB
hsb(166, 77%, 83%)
CMYK
cmyk(77%, 0%, 17%, 17%)
Oklch
oklch(78.0% 0.140 173.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#F72293

Rose Purple · DeepPink · Rose Pink

HEX
#F72293
RGB
rgb(247, 34, 147)
HSL
hsl(328, 93%, 55%)
HSB
hsb(328, 86%, 97%)
CMYK
cmyk(0%, 86%, 40%, 3%)
Oklch
oklch(64.6% 0.250 355.9)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#B1F6B1

Emerald · LightGreen · Mint Green

HEX
#B1F6B1
RGB
rgb(177, 246, 177)
HSL
hsl(120, 79%, 83%)
HSB
hsb(120, 28%, 96%)
CMYK
cmyk(28%, 0%, 28%, 4%)
Oklch
oklch(91.0% 0.116 144.6)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#E8FFC8

Willow Green · Beige · Mint Green

HEX
#E8FFC8
RGB
rgb(232, 255, 200)
HSL
hsl(85, 100%, 89%)
HSB
hsb(85, 22%, 100%)
CMYK
cmyk(9%, 0%, 22%, 0%)
Oklch
oklch(97.0% 0.075 126.2)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

30D4AF
D53056

Analogous

30D55C
30D4AF
30A9D5

Triadic

30D4AF
AE30D5
D5AE30

Split-Comp.

30D4AF
D530A9
D55C30

Tetradic

30D4AF
5C30D5
D53056
A9D530

Contrast Matrix WCAG 2.1 Contrast

30D4AF
F72293
000000
B1F6B1
E8FFC8
—
2.0
Fail
11.2
AAA
1.5
Fail
1.8
Fail
2.0
Fail
—
5.6
AA
3.0
Fail
3.5
AA Large
11.2
AAA
5.6
AA
—
16.7
AAA
19.6
AAA
1.5
Fail
3.0
Fail
16.7
AAA
—
1.2
Fail
1.8
Fail
3.5
AA Large
19.6
AAA
1.2
Fail
—
White BG
1.9Fail
3.7AA Large
21.0AAA
1.3Fail
1.1Fail
Black BG
11.2AAA
5.6AA
1.0Fail
16.7AAA
19.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7778B8
9B9978
000000
CFCFC2
F2F2D5

Deuteranopia

6E61BA
A7B771
000000
CBC6C6
F1EFD9

Tritanopia

38BFC1
EC625D
000000
B4CFD2
E9E0E2

Achromatopsia

9F9F9F
6F6F6F
000000
DADADA
F2F2F2

Shades & Tints Shades & Tints

#30D4AF

Dark
Light

#F72293

Dark
Light

#000000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #30d4af;
  --color-2: #f72293;
  --color-3: #000000;
  --color-4: #b1f6b1;
  --color-5: #e8ffc8;
}

SCSS

$color-1: #30d4af;
$color-2: #f72293;
$color-3: #000000;
$color-4: #b1f6b1;
$color-5: #e8ffc8;

TAILWIND

colors: {
  'brand-1': '#30d4af',
  'brand-2': '#f72293',
  'brand-3': '#000000',
  'brand-4': '#b1f6b1',
  'brand-5': '#e8ffc8',
}

RGB Array

[48, 212, 175], [247, 34, 147], [0, 0, 0], [177, 246, 177], [232, 255, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #30D4AF, #F72293, #000000, #B1F6B1, #E8FFC8 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #30d4af; --color-2: #f72293; --color-3: #000000; --color-4: #b1f6b1; --color-5: #e8ffc8. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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