← Back to Editor

#EFECCA · #F1D5B0 · #CDB1AB · #886B7A · #504853

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EFECCA

Fresh Green · Bisque · Lemon Cream

HEX
#EFECCA
RGB
rgb(239, 236, 202)
HSL
hsl(55, 54%, 86%)
HSB
hsb(55, 15%, 94%)
CMYK
cmyk(0%, 1%, 15%, 6%)
Oklch
oklch(93.7% 0.045 103.1)

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

#F1D5B0

Goose Yellow · Wheat · Peach Orange

HEX
#F1D5B0
RGB
rgb(241, 213, 176)
HSL
hsl(34, 70%, 82%)
HSB
hsb(34, 27%, 95%)
CMYK
cmyk(0%, 12%, 27%, 5%)
Oklch
oklch(88.7% 0.058 74.6)

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

#CDB1AB

Peach Pink · Silver · Coral Red

HEX
#CDB1AB
RGB
rgb(205, 177, 171)
HSL
hsl(11, 25%, 74%)
HSB
hsb(11, 17%, 80%)
CMYK
cmyk(0%, 14%, 17%, 20%)
Oklch
oklch(78.3% 0.034 32.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#886B7A

Rose Purple · Gray · Camellia

HEX
#886B7A
RGB
rgb(136, 107, 122)
HSL
hsl(329, 12%, 48%)
HSB
hsb(329, 21%, 53%)
CMYK
cmyk(0%, 21%, 10%, 47%)
Oklch
oklch(56.1% 0.043 346.1)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#504853

Dark Cyan · DarkSlateGray · Charcoal

HEX
#504853
RGB
rgb(80, 72, 83)
HSL
hsl(284, 7%, 30%)
HSB
hsb(284, 13%, 33%)
CMYK
cmyk(4%, 13%, 0%, 67%)
Oklch
oklch(41.4% 0.021 316.9)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFECCA
C8CBEF

Analogous

EFD8C8
EFECCA
DFEFC8

Triadic

EFECCA
C8EFEB
EBC8EF

Split-Comp.

EFECCA
C8DFEF
D8C8EF

Tetradic

EFECCA
C8EFD8
C8CBEF
EFC8DF

Contrast Matrix WCAG 2.1 Contrast

EFECCA
F1D5B0
CDB1AB
886B7A
504853
—
1.2
Fail
1.7
Fail
4.0
AA Large
7.3
AAA
1.2
Fail
—
1.4
Fail
3.4
AA Large
6.2
AA
1.7
Fail
1.4
Fail
—
2.4
Fail
4.4
AA Large
4.0
AA Large
3.4
AA Large
2.4
Fail
—
1.9
Fail
7.3
AAA
6.2
AA
4.4
AA Large
1.9
Fail
—
White BG
1.2Fail
1.4Fail
2.0Fail
4.7AA
8.8AAA
Black BG
17.5AAA
14.9AAA
10.5AAA
4.4AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEED2
E5E5B9
C1C1AC
7B7B76
4D4C50

Deuteranopia

EEEED4
E7E9BB
C3C5AD
7D7F76
4D4E50

Tritanopia

EFD9DA
F0C0C2
CCAEAE
877473
504E4E

Achromatopsia

E9E9E9
D9D9D9
B9B9B9
757575
4C4C4C

Shades & Tints Shades & Tints

#EFECCA

Dark
Light

#F1D5B0

Dark
Light

#CDB1AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efecca;
  --color-2: #f1d5b0;
  --color-3: #cdb1ab;
  --color-4: #886b7a;
  --color-5: #504853;
}

SCSS

$color-1: #efecca;
$color-2: #f1d5b0;
$color-3: #cdb1ab;
$color-4: #886b7a;
$color-5: #504853;

TAILWIND

colors: {
  'brand-1': '#efecca',
  'brand-2': '#f1d5b0',
  'brand-3': '#cdb1ab',
  'brand-4': '#886b7a',
  'brand-5': '#504853',
}

RGB Array

[239, 236, 202], [241, 213, 176], [205, 177, 171], [136, 107, 122], [80, 72, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #EFECCA, #F1D5B0, #CDB1AB, #886B7A, #504853 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: #efecca; --color-2: #f1d5b0; --color-3: #cdb1ab; --color-4: #886b7a; --color-5: #504853. 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