← Back to Editor

#E3C8B5 · #D1C9BE · #B4C2C5 · #99B1BD · #698298

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E3C8B5

Apricot · Wheat · Peach Orange

HEX
#E3C8B5
RGB
rgb(227, 200, 181)
HSL
hsl(25, 45%, 80%)
HSB
hsb(25, 20%, 89%)
CMYK
cmyk(0%, 12%, 20%, 11%)
Oklch
oklch(85.0% 0.040 57.3)

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

#D1C9BE

Goose Yellow · Silver · Peach Orange

HEX
#D1C9BE
RGB
rgb(209, 201, 190)
HSL
hsl(35, 17%, 78%)
HSB
hsb(35, 9%, 82%)
CMYK
cmyk(0%, 4%, 9%, 18%)
Oklch
oklch(83.9% 0.018 76.1)

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

#B4C2C5

Sky Blue · Silver · Lake Green

HEX
#B4C2C5
RGB
rgb(180, 194, 197)
HSL
hsl(191, 13%, 74%)
HSB
hsb(191, 9%, 77%)
CMYK
cmyk(9%, 2%, 0%, 23%)
Oklch
oklch(80.4% 0.016 212.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#99B1BD

Sky Blue · DarkGray · Cobalt Blue

HEX
#99B1BD
RGB
rgb(153, 177, 189)
HSL
hsl(200, 21%, 67%)
HSB
hsb(200, 19%, 74%)
CMYK
cmyk(19%, 6%, 0%, 26%)
Oklch
oklch(74.6% 0.032 229.4)

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

#698298

Slate Blue · SlateGray · Navy Blue

HEX
#698298
RGB
rgb(105, 130, 152)
HSL
hsl(208, 19%, 50%)
HSB
hsb(208, 31%, 60%)
CMYK
cmyk(31%, 14%, 0%, 40%)
Oklch
oklch(59.5% 0.044 245.2)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3C8B5
B5D0E3

Analogous

E3B5B9
E3C8B5
E3DFB5

Triadic

E3C8B5
B5E3C8
C8B5E3

Split-Comp.

E3C8B5
B5E3DF
B5B9E3

Tetradic

E3C8B5
B9E3B5
B5D0E3
DFB5E3

Contrast Matrix WCAG 2.1 Contrast

E3C8B5
D1C9BE
B4C2C5
99B1BD
698298
—
1.0
Fail
1.2
Fail
1.4
Fail
2.5
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
2.4
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
2.2
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.8
Fail
2.5
Fail
2.4
Fail
2.2
Fail
1.8
Fail
—
White BG
1.6Fail
1.6Fail
1.8Fail
2.2Fail
4.0AA Large
Black BG
13.2AAA
12.8AAA
11.5AAA
9.4AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7BA
CECDC1
BABAC4
A3A4BA
747493

Deuteranopia

D9DBBB
CECFC1
B9B8C4
A2A0B9
727191

Tritanopia

E2BDBE
D1C3C3
B5C4C4
9AB8B7
6A8E8E

Achromatopsia

CECECE
CACACA
BEBEBE
ABABAB
7D7D7D

Shades & Tints Shades & Tints

#E3C8B5

Dark
Light

#D1C9BE

Dark
Light

#B4C2C5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3c8b5;
  --color-2: #d1c9be;
  --color-3: #b4c2c5;
  --color-4: #99b1bd;
  --color-5: #698298;
}

SCSS

$color-1: #e3c8b5;
$color-2: #d1c9be;
$color-3: #b4c2c5;
$color-4: #99b1bd;
$color-5: #698298;

TAILWIND

colors: {
  'brand-1': '#e3c8b5',
  'brand-2': '#d1c9be',
  'brand-3': '#b4c2c5',
  'brand-4': '#99b1bd',
  'brand-5': '#698298',
}

RGB Array

[227, 200, 181], [209, 201, 190], [180, 194, 197], [153, 177, 189], [105, 130, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #E3C8B5, #D1C9BE, #B4C2C5, #99B1BD, #698298 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #e3c8b5; --color-2: #d1c9be; --color-3: #b4c2c5; --color-4: #99b1bd; --color-5: #698298. 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. 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 beauty, lifestyle, arts 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