← Back to Editor

#1E141F · #1FFFBC · #66D4C5 · #88A1B3 · #988CAB

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1E141F

Dark Plum · Black · Dark Purple

HEX
#1E141F
RGB
rgb(30, 20, 31)
HSL
hsl(295, 22%, 10%)
HSB
hsb(295, 35%, 12%)
CMYK
cmyk(3%, 35%, 0%, 88%)
Oklch
oklch(20.9% 0.026 323.4)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#1FFFBC

Mineral Blue · MediumSpringGreen · Lake Green

HEX
#1FFFBC
RGB
rgb(31, 255, 188)
HSL
hsl(162, 100%, 56%)
HSB
hsb(162, 88%, 100%)
CMYK
cmyk(88%, 0%, 26%, 0%)
Oklch
oklch(88.8% 0.182 165.2)

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

#66D4C5

Jade · MediumAquaMarine · Lake Green

HEX
#66D4C5
RGB
rgb(102, 212, 197)
HSL
hsl(172, 56%, 62%)
HSB
hsb(172, 52%, 83%)
CMYK
cmyk(52%, 0%, 7%, 17%)
Oklch
oklch(80.1% 0.104 183.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#88A1B3

Sky Blue · DarkGray · Cobalt Blue

HEX
#88A1B3
RGB
rgb(136, 161, 179)
HSL
hsl(205, 22%, 62%)
HSB
hsb(205, 24%, 70%)
CMYK
cmyk(24%, 10%, 0%, 30%)
Oklch
oklch(69.6% 0.039 239.4)

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

#988CAB

Wisteria · DarkGray · Lilac Purple

HEX
#988CAB
RGB
rgb(152, 140, 171)
HSL
hsl(263, 16%, 61%)
HSB
hsb(263, 18%, 67%)
CMYK
cmyk(11%, 18%, 0%, 33%)
Oklch
oklch(66.1% 0.047 302.7)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E141F
151F14

Analogous

19141F
1E141F
1F141A

Triadic

1E141F
1F1E14
141F1E

Split-Comp.

1E141F
1A1F14
141F19

Tetradic

1E141F
1F1914
151F14
141A1F

Contrast Matrix WCAG 2.1 Contrast

1E141F
1FFFBC
66D4C5
88A1B3
988CAB
—
13.7
AAA
10.0
AAA
6.6
AA
5.7
AA
13.7
AAA
—
1.4
Fail
2.1
Fail
2.4
Fail
10.0
AAA
1.4
Fail
—
1.5
Fail
1.8
Fail
6.6
AA
2.1
Fail
1.5
Fail
—
1.2
Fail
5.7
AA
2.4
Fail
1.8
Fail
1.2
Fail
—
White BG
17.9AAA
1.3Fail
1.8Fail
2.7Fail
3.1AA Large
Black BG
1.2Fail
16.1AAA
11.8AAA
7.8AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A1C
8082CC
9697C9
9393AF
9393A3

Deuteranopia

1A1B1C
7362D0
8F87C9
9190AE
9494A2

Tritanopia

1E1A1A
2AD9DC
6CCBCC
89ABAA
979E9C

Achromatopsia

181818
B4B4B4
B1B1B1
9C9C9C
939393

Shades & Tints Shades & Tints

#1E141F

Dark
Light

#1FFFBC

Dark
Light

#66D4C5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e141f;
  --color-2: #1fffbc;
  --color-3: #66d4c5;
  --color-4: #88a1b3;
  --color-5: #988cab;
}

SCSS

$color-1: #1e141f;
$color-2: #1fffbc;
$color-3: #66d4c5;
$color-4: #88a1b3;
$color-5: #988cab;

TAILWIND

colors: {
  'brand-1': '#1e141f',
  'brand-2': '#1fffbc',
  'brand-3': '#66d4c5',
  'brand-4': '#88a1b3',
  'brand-5': '#988cab',
}

RGB Array

[30, 20, 31], [31, 255, 188], [102, 212, 197], [136, 161, 179], [152, 140, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #1E141F, #1FFFBC, #66D4C5, #88A1B3, #988CAB is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1e141f; --color-2: #1fffbc; --color-3: #66d4c5; --color-4: #88a1b3; --color-5: #988cab. 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 tech, SaaS, healthcare, eco industries. 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