← Back to Editor

#FBF6BE · #F6E2AF · #EAC7A9 · #001204 · #B0CEB6

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FBF6BE

Fresh Green · Bisque · Lemon Cream

HEX
#FBF6BE
RGB
rgb(251, 246, 190)
HSL
hsl(55, 88%, 86%)
HSB
hsb(55, 24%, 98%)
CMYK
cmyk(0%, 2%, 24%, 2%)
Oklch
oklch(96.4% 0.072 103.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F6E2AF

Goose Yellow · Wheat · Lemon Cream

HEX
#F6E2AF
RGB
rgb(246, 226, 175)
HSL
hsl(43, 80%, 83%)
HSB
hsb(43, 29%, 96%)
CMYK
cmyk(0%, 8%, 29%, 4%)
Oklch
oklch(91.7% 0.069 89.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EAC7A9

Apricot · Wheat · Peach Orange

HEX
#EAC7A9
RGB
rgb(234, 199, 169)
HSL
hsl(28, 61%, 79%)
HSB
hsb(28, 28%, 92%)
CMYK
cmyk(0%, 15%, 28%, 8%)
Oklch
oklch(85.2% 0.057 62.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#001204

Pine Green · Black · Dark Green

HEX
#001204
RGB
rgb(0, 18, 4)
HSL
hsl(133, 100%, 4%)
HSB
hsb(133, 100%, 7%)
CMYK
cmyk(100%, 0%, 78%, 93%)
Oklch
oklch(15.9% 0.043 150.5)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#B0CEB6

Celadon · Silver · Apple Green

HEX
#B0CEB6
RGB
rgb(176, 206, 182)
HSL
hsl(132, 23%, 75%)
HSB
hsb(132, 15%, 81%)
CMYK
cmyk(15%, 0%, 12%, 19%)
Oklch
oklch(82.3% 0.046 151.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBF6BE
BCC1FB

Analogous

FBD6BC
FBF6BE
E1FBBC

Triadic

FBF6BE
BCFBF5
F5BCFB

Split-Comp.

FBF6BE
BCE1FB
D6BCFB

Tetradic

FBF6BE
BCFBD6
BCC1FB
FBBCE1

Contrast Matrix WCAG 2.1 Contrast

FBF6BE
F6E2AF
EAC7A9
001204
B0CEB6
—
1.2
Fail
1.4
Fail
17.5
AAA
1.5
Fail
1.2
Fail
—
1.2
Fail
15.1
AAA
1.3
Fail
1.4
Fail
1.2
Fail
—
12.2
AAA
1.1
Fail
17.5
AAA
15.1
AAA
12.2
AAA
—
11.3
AAA
1.5
Fail
1.3
Fail
1.1
Fail
11.3
AAA
—
White BG
1.1Fail
1.3Fail
1.6Fail
19.3AAA
1.7Fail
Black BG
19.0AAA
16.4AAA
13.2AAA
1.1Fail
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9CC
EDEDBB
DBDBB0
080807
BDBDBC

Deuteranopia

F9FACF
EFF0BE
DDDFB2
070508
BBB9BD

Tritanopia

FBD6D9
F5C5C7
E8B6B7
010A0B
B2C0C1

Achromatopsia

F1F1F1
E2E2E2
CECECE
0B0B0B
C2C2C2

Shades & Tints Shades & Tints

#FBF6BE

Dark
Light

#F6E2AF

Dark
Light

#EAC7A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbf6be;
  --color-2: #f6e2af;
  --color-3: #eac7a9;
  --color-4: #001204;
  --color-5: #b0ceb6;
}

SCSS

$color-1: #fbf6be;
$color-2: #f6e2af;
$color-3: #eac7a9;
$color-4: #001204;
$color-5: #b0ceb6;

TAILWIND

colors: {
  'brand-1': '#fbf6be',
  'brand-2': '#f6e2af',
  'brand-3': '#eac7a9',
  'brand-4': '#001204',
  'brand-5': '#b0ceb6',
}

RGB Array

[251, 246, 190], [246, 226, 175], [234, 199, 169], [0, 18, 4], [176, 206, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #FBF6BE, #F6E2AF, #EAC7A9, #001204, #B0CEB6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #fbf6be; --color-2: #f6e2af; --color-3: #eac7a9; --color-4: #001204; --color-5: #b0ceb6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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