← Back to Editor

#F1C48B · #FBDEBC · #8ABEA8 · #916076 · #8B496F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F1C48B

Goose Yellow · BurlyWood · Warm Sun

HEX
#F1C48B
RGB
rgb(241, 196, 139)
HSL
hsl(34, 78%, 75%)
HSB
hsb(34, 42%, 95%)
CMYK
cmyk(0%, 19%, 42%, 5%)
Oklch
oklch(84.7% 0.089 72.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FBDEBC

Goose Yellow · Bisque · Peach Orange

HEX
#FBDEBC
RGB
rgb(251, 222, 188)
HSL
hsl(32, 89%, 86%)
HSB
hsb(32, 25%, 98%)
CMYK
cmyk(0%, 12%, 25%, 2%)
Oklch
oklch(91.6% 0.055 71.5)

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

#8ABEA8

Jade · DarkSeaGreen · Apple Green

HEX
#8ABEA8
RGB
rgb(138, 190, 168)
HSL
hsl(155, 29%, 64%)
HSB
hsb(155, 27%, 75%)
CMYK
cmyk(27%, 0%, 12%, 25%)
Oklch
oklch(75.9% 0.063 166.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#916076

Dark Violet · Gray · Camellia

HEX
#916076
RGB
rgb(145, 96, 118)
HSL
hsl(333, 20%, 47%)
HSB
hsb(333, 34%, 57%)
CMYK
cmyk(0%, 34%, 19%, 43%)
Oklch
oklch(54.8% 0.070 351.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#8B496F

Rose Purple · DimGray · Camellia

HEX
#8B496F
RGB
rgb(139, 73, 111)
HSL
hsl(325, 31%, 42%)
HSB
hsb(325, 47%, 55%)
CMYK
cmyk(0%, 47%, 20%, 45%)
Oklch
oklch(49.8% 0.101 345.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1C48B
8EB9F1

Analogous

F1948E
F1C48B
EAF18E

Triadic

F1C48B
8EF1C6
C68EF1

Split-Comp.

F1C48B
8EEAF1
948EF1

Tetradic

F1C48B
8EF194
8EB9F1
F18EEA

Contrast Matrix WCAG 2.1 Contrast

F1C48B
FBDEBC
8ABEA8
916076
8B496F
—
1.3
Fail
1.3
Fail
3.1
AA Large
4.0
AA Large
1.3
Fail
—
1.6
Fail
3.9
AA Large
5.0
AA
1.3
Fail
1.6
Fail
—
2.4
Fail
3.1
AA Large
3.1
AA Large
3.9
AA Large
2.4
Fail
—
1.3
Fail
4.0
AA Large
5.0
AA
3.1
AA Large
1.3
Fail
—
White BG
1.6Fail
1.3Fail
2.1Fail
5.1AA
6.4AA
Black BG
13.0AAA
16.3AAA
10.0AAA
4.1AA Large
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDD99
EEEEC4
A1A1AD
7C7B71
6E6E66

Deuteranopia

E0E49C
F0F2C6
9E9AAF
7F826F
727764

Tritanopia

EFA4A6
FACBCC
8DB2B2
8F6C6C
885F5D

Achromatopsia

CBCBCB
E3E3E3
ACACAC
717171
616161

Shades & Tints Shades & Tints

#F1C48B

Dark
Light

#FBDEBC

Dark
Light

#8ABEA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1c48b;
  --color-2: #fbdebc;
  --color-3: #8abea8;
  --color-4: #916076;
  --color-5: #8b496f;
}

SCSS

$color-1: #f1c48b;
$color-2: #fbdebc;
$color-3: #8abea8;
$color-4: #916076;
$color-5: #8b496f;

TAILWIND

colors: {
  'brand-1': '#f1c48b',
  'brand-2': '#fbdebc',
  'brand-3': '#8abea8',
  'brand-4': '#916076',
  'brand-5': '#8b496f',
}

RGB Array

[241, 196, 139], [251, 222, 188], [138, 190, 168], [145, 96, 118], [139, 73, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1C48B, #FBDEBC, #8ABEA8, #916076, #8B496F 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: #f1c48b; --color-2: #fbdebc; --color-3: #8abea8; --color-4: #916076; --color-5: #8b496f. 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 general-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