← Back to Editor

#EBE0C6 · #C9C7B0 · #99B4A6 · #669E9A · #9C4A56

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EBE0C6

Goose Yellow · Bisque · Lemon Cream

HEX
#EBE0C6
RGB
rgb(235, 224, 198)
HSL
hsl(42, 48%, 85%)
HSB
hsb(42, 16%, 92%)
CMYK
cmyk(0%, 5%, 16%, 8%)
Oklch
oklch(90.9% 0.037 87.8)

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

#C9C7B0

Fresh Green · Silver · Sunflower

HEX
#C9C7B0
RGB
rgb(201, 199, 176)
HSL
hsl(55, 19%, 74%)
HSB
hsb(55, 12%, 79%)
CMYK
cmyk(0%, 1%, 12%, 21%)
Oklch
oklch(82.5% 0.031 103.0)

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

#99B4A6

Celadon · DarkGray · Apple Green

HEX
#99B4A6
RGB
rgb(153, 180, 166)
HSL
hsl(149, 15%, 65%)
HSB
hsb(149, 15%, 71%)
CMYK
cmyk(15%, 0%, 8%, 29%)
Oklch
oklch(74.5% 0.036 162.9)

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

#669E9A

Mineral Blue · CadetBlue · Lake Green

HEX
#669E9A
RGB
rgb(102, 158, 154)
HSL
hsl(176, 22%, 51%)
HSB
hsb(176, 35%, 62%)
CMYK
cmyk(35%, 0%, 3%, 38%)
Oklch
oklch(65.9% 0.059 190.1)

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

#9C4A56

Crimson · Sienna · Passion Red

HEX
#9C4A56
RGB
rgb(156, 74, 86)
HSL
hsl(351, 36%, 45%)
HSB
hsb(351, 53%, 61%)
CMYK
cmyk(0%, 53%, 45%, 39%)
Oklch
oklch(51.6% 0.110 12.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE0C6
C6D1EB

Analogous

EBCEC6
EBE0C6
E4EBC6

Triadic

EBE0C6
C6EBE0
E0C6EB

Split-Comp.

EBE0C6
C6E4EB
CEC6EB

Tetradic

EBE0C6
C6EBCE
C6D1EB
EBC6E4

Contrast Matrix WCAG 2.1 Contrast

EBE0C6
C9C7B0
99B4A6
669E9A
9C4A56
—
1.3
Fail
1.7
Fail
2.3
Fail
4.5
AA
1.3
Fail
—
1.3
Fail
1.8
Fail
3.5
AA Large
1.7
Fail
1.3
Fail
—
1.4
Fail
2.7
Fail
2.3
Fail
1.8
Fail
1.4
Fail
—
2.0
Fail
4.5
AA
3.5
AA Large
2.7
Fail
2.0
Fail
—
White BG
1.3Fail
1.7Fail
2.2Fail
3.0AA Large
6.0AA
Black BG
16.0AAA
12.3AAA
9.4AAA
6.9AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6CC
C8C8B6
A5A5A9
7E7F9B
787853

Deuteranopia

E7E8CE
C8C8B7
A3A1AA
7B779B
7D8352

Tritanopia

EAD1D2
C9BABB
9AACAD
699C9C
985150

Achromatopsia

E0E0E0
C5C5C5
AAAAAA
8D8D8D
646464

Shades & Tints Shades & Tints

#EBE0C6

Dark
Light

#C9C7B0

Dark
Light

#99B4A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe0c6;
  --color-2: #c9c7b0;
  --color-3: #99b4a6;
  --color-4: #669e9a;
  --color-5: #9c4a56;
}

SCSS

$color-1: #ebe0c6;
$color-2: #c9c7b0;
$color-3: #99b4a6;
$color-4: #669e9a;
$color-5: #9c4a56;

TAILWIND

colors: {
  'brand-1': '#ebe0c6',
  'brand-2': '#c9c7b0',
  'brand-3': '#99b4a6',
  'brand-4': '#669e9a',
  'brand-5': '#9c4a56',
}

RGB Array

[235, 224, 198], [201, 199, 176], [153, 180, 166], [102, 158, 154], [156, 74, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #EBE0C6, #C9C7B0, #99B4A6, #669E9A, #9C4A56 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ebe0c6; --color-2: #c9c7b0; --color-3: #99b4a6; --color-4: #669e9a; --color-5: #9c4a56. 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. 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. Restrained colors convey professionalism and trust. 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