← Back to Editor

#73FFFE · #24D8BB · #11A78E · #075A52 · #030E0A

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

Color Details Color Details

#73FFFE

Sky Blue · LightSkyBlue · Lake Green

HEX
#73FFFE
RGB
rgb(115, 255, 254)
HSL
hsl(180, 100%, 73%)
HSB
hsb(180, 55%, 100%)
CMYK
cmyk(55%, 0%, 0%, 0%)
Oklch
oklch(92.3% 0.121 194.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#24D8BB

Mineral Blue · Turquoise · Mint Ice

HEX
#24D8BB
RGB
rgb(36, 216, 187)
HSL
hsl(170, 71%, 49%)
HSB
hsb(170, 83%, 85%)
CMYK
cmyk(83%, 0%, 13%, 15%)
Oklch
oklch(79.2% 0.140 177.9)

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

#11A78E

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#11A78E
RGB
rgb(17, 167, 142)
HSL
hsl(170, 82%, 36%)
HSB
hsb(170, 90%, 65%)
CMYK
cmyk(90%, 0%, 15%, 35%)
Oklch
oklch(65.2% 0.119 176.7)

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

#075A52

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#075A52
RGB
rgb(7, 90, 82)
HSL
hsl(174, 86%, 19%)
HSB
hsb(174, 92%, 35%)
CMYK
cmyk(92%, 0%, 9%, 65%)
Oklch
oklch(42.1% 0.072 184.3)

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

#030E0A

Mineral Blue · Black · Dark Green

HEX
#030E0A
RGB
rgb(3, 14, 10)
HSL
hsl(158, 65%, 3%)
HSB
hsb(158, 79%, 5%)
CMYK
cmyk(79%, 0%, 29%, 95%)
Oklch
oklch(15.0% 0.021 171.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73FFFE
FF7575

Analogous

75FFBA
73FFFE
75BAFF

Triadic

73FFFE
FF75FF
FFFF75

Split-Comp.

73FFFE
FF75BA
FFBA75

Tetradic

73FFFE
BA75FF
FF7575
BAFF75

Contrast Matrix WCAG 2.1 Contrast

73FFFE
24D8BB
11A78E
075A52
030E0A
—
1.5
Fail
2.5
Fail
6.7
AA
16.3
AAA
1.5
Fail
—
1.7
Fail
4.5
AA Large
10.8
AAA
2.5
Fail
1.7
Fail
—
2.7
Fail
6.5
AA
6.7
AA
4.5
AA Large
2.7
Fail
—
2.4
Fail
16.3
AAA
10.8
AAA
6.5
AA
2.4
Fail
—
White BG
1.2Fail
1.8Fail
3.0AA Large
8.1AAA
19.6AAA
Black BG
17.5AAA
11.6AAA
6.9AA
2.6Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B1FE
7274C2
525394
2B2C54
08080B

Deuteranopia

A89DFE
685AC4
493E96
262054
07060B

Tritanopia

7AFEFE
2DC8C9
19999A
0B5556
040C0C

Achromatopsia

D5D5D5
9F9F9F
777777
404040
0A0A0A

Shades & Tints Shades & Tints

#73FFFE

Dark
Light

#24D8BB

Dark
Light

#11A78E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73fffe;
  --color-2: #24d8bb;
  --color-3: #11a78e;
  --color-4: #075a52;
  --color-5: #030e0a;
}

SCSS

$color-1: #73fffe;
$color-2: #24d8bb;
$color-3: #11a78e;
$color-4: #075a52;
$color-5: #030e0a;

TAILWIND

colors: {
  'brand-1': '#73fffe',
  'brand-2': '#24d8bb',
  'brand-3': '#11a78e',
  'brand-4': '#075a52',
  'brand-5': '#030e0a',
}

RGB Array

[115, 255, 254], [36, 216, 187], [17, 167, 142], [7, 90, 82], [3, 14, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #73FFFE, #24D8BB, #11A78E, #075A52, #030E0A is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #73fffe; --color-2: #24d8bb; --color-3: #11a78e; --color-4: #075a52; --color-5: #030e0a. 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. 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