#FBE0C5 + #FFB19F + #BE9E8F + #98938F + #A8C9B8 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FBE0C5

Goose Yellow · Bisque · Peach Orange

HEX

#FBE0C5

RGB

rgb(251, 224, 197)

HSL

hsl(30, 87%, 88%)

HSB

hsb(30, 22%, 98%)

CMYK

cmyk(0%, 11%, 22%, 2%)

Oklch

oklch(92.2% 0.047 67.2)

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

#FFB19F

Peach Pink · LightPink · Cherry Blossom

HEX

#FFB19F

RGB

rgb(255, 177, 159)

HSL

hsl(11, 100%, 81%)

HSB

hsb(11, 38%, 100%)

CMYK

cmyk(0%, 31%, 38%, 0%)

Oklch

oklch(83.0% 0.095 33.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#BE9E8F

Apricot · Tan · Warm Sun

HEX

#BE9E8F

RGB

rgb(190, 158, 143)

HSL

hsl(19, 27%, 65%)

HSB

hsb(19, 25%, 75%)

CMYK

cmyk(0%, 17%, 25%, 25%)

Oklch

oklch(72.4% 0.044 46.5)

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

#98938F

Ash · Gray · Silver Sand

HEX

#98938F

RGB

rgb(152, 147, 143)

HSL

hsl(27, 4%, 58%)

HSB

hsb(27, 6%, 60%)

CMYK

cmyk(0%, 3%, 6%, 40%)

Oklch

oklch(66.6% 0.008 61.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#A8C9B8

Celadon · Silver · Apple Green

HEX

#A8C9B8

RGB

rgb(168, 201, 184)

HSL

hsl(149, 23%, 72%)

HSB

hsb(149, 16%, 79%)

CMYK

cmyk(16%, 0%, 8%, 21%)

Oklch

oklch(80.7% 0.043 162.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBE0C5

C6E0FB

Analogous

FBC6C6

FBE0C5

FBFBC6

Triadic

FBE0C5

C6FBE0

E0C6FB

Split-Comp.

FBE0C5

C6FBFB

C6C6FB

Tetradic

FBE0C5

C6FBC6

C6E0FB

FBC6FB

Contrast Matrix WCAG 2.1 Contrast

FBE0C5	FFB19F	BE9E8F	98938F	A8C9B8
—	1.4 Fail	2.0 Fail	2.4 Fail	1.4 Fail
1.4 Fail	—	1.4 Fail	1.7 Fail	1.0 Fail
2.0 Fail	1.4 Fail	—	1.2 Fail	1.4 Fail
2.4 Fail	1.7 Fail	1.2 Fail	—	1.7 Fail
1.4 Fail	1.0 Fail	1.4 Fail	1.7 Fail	—

White BG

1.3Fail

1.7Fail

2.5Fail

3.0AA Large

1.8Fail

Black BG

16.6AAA

12.0AAA

8.5AAA

6.9AA

11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFCC

DDDDA3

B0B093

969690

B6B7BC

Deuteranopia

F1F3CD

E2E8A4

B2B494

969790

B4B2BD

Tritanopia

FAD1D2

FBA7A8

BC9596

989191

AABFC0

Achromatopsia

E5E5E5

C6C6C6

A6A6A6

949494

BDBDBD

Shades & Tints Shades & Tints

#FBE0C5

Dark

Light

#FFB19F

Dark

Light

#BE9E8F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbe0c5;
  --color-2: #ffb19f;
  --color-3: #be9e8f;
  --color-4: #98938f;
  --color-5: #a8c9b8;
}

SCSS

$color-1: #fbe0c5;
$color-2: #ffb19f;
$color-3: #be9e8f;
$color-4: #98938f;
$color-5: #a8c9b8;

TAILWIND

colors: {
  'brand-1': '#fbe0c5',
  'brand-2': '#ffb19f',
  'brand-3': '#be9e8f',
  'brand-4': '#98938f',
  'brand-5': '#a8c9b8',
}

RGB Array

[251, 224, 197], [255, 177, 159], [190, 158, 143], [152, 147, 143], [168, 201, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #FBE0C5, #FFB19F, #BE9E8F, #98938F, #A8C9B8 is ideal for: health products, baby brands, fresh-style blogs. 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: #fbe0c5; --color-2: #ffb19f; --color-3: #be9e8f; --color-4: #98938f; --color-5: #a8c9b8. 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 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