← Back to Editor

#99FCE2 · #6CA9EB · #6C89EB · #6E6CEB · #000000

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

#99FCE2

Jade · LightBlue · Glacier Blue

HEX
#99FCE2
RGB
rgb(153, 252, 226)
HSL
hsl(164, 94%, 79%)
HSB
hsb(164, 39%, 99%)
CMYK
cmyk(39%, 0%, 10%, 1%)
Oklch
oklch(92.3% 0.101 175.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#6CA9EB

Azure · CornflowerBlue · Cobalt Blue

HEX
#6CA9EB
RGB
rgb(108, 169, 235)
HSL
hsl(211, 76%, 67%)
HSB
hsb(211, 54%, 92%)
CMYK
cmyk(54%, 28%, 0%, 8%)
Oklch
oklch(72.0% 0.116 251.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#6C89EB

Azure · CornflowerBlue · Cobalt Blue

HEX
#6C89EB
RGB
rgb(108, 137, 235)
HSL
hsl(226, 76%, 67%)
HSB
hsb(226, 54%, 92%)
CMYK
cmyk(54%, 42%, 0%, 8%)
Oklch
oklch(65.3% 0.150 269.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#6E6CEB

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#6E6CEB
RGB
rgb(110, 108, 235)
HSL
hsl(241, 76%, 67%)
HSB
hsb(241, 54%, 92%)
CMYK
cmyk(53%, 54%, 0%, 8%)
Oklch
oklch(59.9% 0.186 279.9)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99FCE2
FC97B2

Analogous

97FCAF
99FCE2
97E4FC

Triadic

99FCE2
E197FC
FCE197

Split-Comp.

99FCE2
FC97E4
FCAF97

Tetradic

99FCE2
AF97FC
FC97B2
E4FC97

Contrast Matrix WCAG 2.1 Contrast

99FCE2
6CA9EB
6C89EB
6E6CEB
000000
—
2.0
Fail
2.7
Fail
3.5
AA Large
17.4
AAA
2.0
Fail
—
1.3
Fail
1.7
Fail
8.5
AAA
2.7
Fail
1.3
Fail
—
1.3
Fail
6.4
AA
3.5
AA Large
1.7
Fail
1.3
Fail
—
5.0
AA
17.4
AAA
8.5
AAA
6.4
AA
5.0
AA
—
White BG
1.2Fail
2.5Fail
3.3AA Large
4.2AA Large
21.0AAA
Black BG
17.4AAA
8.5AAA
6.4AA
5.0AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C5E8
8687DB
7979D3
6D6DCC
000000

Deuteranopia

BEB7EA
837ED7
7775CE
6D6DC5
000000

Tritanopia

9EEDEE
6FCECC
6DC1BC
6EB4AF
000000

Achromatopsia

DBDBDB
9E9E9E
8C8C8C
7B7B7B
000000

Shades & Tints Shades & Tints

#99FCE2

Dark
Light

#6CA9EB

Dark
Light

#6C89EB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99fce2;
  --color-2: #6ca9eb;
  --color-3: #6c89eb;
  --color-4: #6e6ceb;
  --color-5: #000000;
}

SCSS

$color-1: #99fce2;
$color-2: #6ca9eb;
$color-3: #6c89eb;
$color-4: #6e6ceb;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#99fce2',
  'brand-2': '#6ca9eb',
  'brand-3': '#6c89eb',
  'brand-4': '#6e6ceb',
  'brand-5': '#000000',
}

RGB Array

[153, 252, 226], [108, 169, 235], [108, 137, 235], [110, 108, 235], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #99FCE2, #6CA9EB, #6C89EB, #6E6CEB, #000000 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: #99fce2; --color-2: #6ca9eb; --color-3: #6c89eb; --color-4: #6e6ceb; --color-5: #000000. 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