← Back to Editor

#ABBFA3 · #0F0027 · #E99072 · #E8B381 · #F4D18F

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

#ABBFA3

Celadon · DarkGray · Apple Green

HEX
#ABBFA3
RGB
rgb(171, 191, 163)
HSL
hsl(103, 18%, 69%)
HSB
hsb(103, 15%, 75%)
CMYK
cmyk(10%, 0%, 15%, 25%)
Oklch
oklch(78.2% 0.045 136.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#0F0027

Deep Indigo · Black · Dark Purple

HEX
#0F0027
RGB
rgb(15, 0, 39)
HSL
hsl(263, 100%, 8%)
HSB
hsb(263, 100%, 15%)
CMYK
cmyk(62%, 100%, 0%, 85%)
Oklch
oklch(14.6% 0.080 295.6)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#E99072

Apricot · DarkSalmon · Warm Sun

HEX
#E99072
RGB
rgb(233, 144, 114)
HSL
hsl(15, 73%, 68%)
HSB
hsb(15, 51%, 91%)
CMYK
cmyk(0%, 38%, 51%, 9%)
Oklch
oklch(73.9% 0.117 39.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E8B381

Apricot · BurlyWood · Warm Sun

HEX
#E8B381
RGB
rgb(232, 179, 129)
HSL
hsl(29, 69%, 71%)
HSB
hsb(29, 44%, 91%)
CMYK
cmyk(0%, 23%, 44%, 9%)
Oklch
oklch(80.4% 0.090 64.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F4D18F

Goose Yellow · Khaki · Peach Orange

HEX
#F4D18F
RGB
rgb(244, 209, 143)
HSL
hsl(39, 82%, 76%)
HSB
hsb(39, 41%, 96%)
CMYK
cmyk(0%, 14%, 41%, 4%)
Oklch
oklch(87.6% 0.092 82.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ABBFA3
B6A2BE

Analogous

B8BEA2
ABBFA3
A2BEA8

Triadic

ABBFA3
A2AABE
BEA2AA

Split-Comp.

ABBFA3
A8A2BE
BEA2B8

Tetradic

ABBFA3
A2B8BE
B6A2BE
BEA8A2

Contrast Matrix WCAG 2.1 Contrast

ABBFA3
0F0027
E99072
E8B381
F4D18F
—
10.2
AAA
1.2
Fail
1.0
Fail
1.3
Fail
10.2
AAA
—
8.3
AAA
10.7
AAA
13.7
AAA
1.2
Fail
8.3
AAA
—
1.3
Fail
1.7
Fail
1.0
Fail
10.7
AAA
1.3
Fail
—
1.3
Fail
1.3
Fail
13.7
AAA
1.7
Fail
1.3
Fail
—
White BG
2.0Fail
20.0AAA
2.4Fail
1.9Fail
1.5Fail
Black BG
10.7AAA
1.0Fail
8.7AAA
11.2AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B4AA
09081E
C2C279
D1D18D
E5E59F

Deuteranopia

B3B1AB
090B1B
C8CE7B
D4D890
E7E9A3

Tritanopia

ACAFB0
0E1614
E57F80
E59799
F2ACAE

Achromatopsia

B6B6B6
090909
A7A7A7
BDBDBD
D4D4D4

Shades & Tints Shades & Tints

#ABBFA3

Dark
Light

#0F0027

Dark
Light

#E99072

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #abbfa3;
  --color-2: #0f0027;
  --color-3: #e99072;
  --color-4: #e8b381;
  --color-5: #f4d18f;
}

SCSS

$color-1: #abbfa3;
$color-2: #0f0027;
$color-3: #e99072;
$color-4: #e8b381;
$color-5: #f4d18f;

TAILWIND

colors: {
  'brand-1': '#abbfa3',
  'brand-2': '#0f0027',
  'brand-3': '#e99072',
  'brand-4': '#e8b381',
  'brand-5': '#f4d18f',
}

RGB Array

[171, 191, 163], [15, 0, 39], [233, 144, 114], [232, 179, 129], [244, 209, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #ABBFA3, #0F0027, #E99072, #E8B381, #F4D18F 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: #abbfa3; --color-2: #0f0027; --color-3: #e99072; --color-4: #e8b381; --color-5: #f4d18f. 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