← Back to Editor

#FFF899 · #151016 · #593A63 · #B7A6B9 · #D5DDE8

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

#FFF899

Fresh Green · Khaki · Lemon Cream

HEX
#FFF899
RGB
rgb(255, 248, 153)
HSL
hsl(56, 100%, 80%)
HSB
hsb(56, 40%, 100%)
CMYK
cmyk(0%, 3%, 40%, 0%)
Oklch
oklch(96.4% 0.117 104.7)

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

#151016

Dark Plum · Black · Dark Purple

HEX
#151016
RGB
rgb(21, 16, 22)
HSL
hsl(290, 16%, 7%)
HSB
hsb(290, 27%, 9%)
CMYK
cmyk(5%, 27%, 0%, 91%)
Oklch
oklch(18.2% 0.014 320.6)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#593A63

Dark Plum · DarkSlateBlue · Eggplant

HEX
#593A63
RGB
rgb(89, 58, 99)
HSL
hsl(285, 26%, 31%)
HSB
hsb(285, 41%, 39%)
CMYK
cmyk(10%, 41%, 0%, 61%)
Oklch
oklch(40.1% 0.077 317.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#B7A6B9

Lilac · DarkGray · Lilac Purple

HEX
#B7A6B9
RGB
rgb(183, 166, 185)
HSL
hsl(294, 12%, 69%)
HSB
hsb(294, 10%, 73%)
CMYK
cmyk(1%, 10%, 0%, 27%)
Oklch
oklch(74.6% 0.033 322.6)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#D5DDE8

Azure · LightGray · Sky Blue

HEX
#D5DDE8
RGB
rgb(213, 221, 232)
HSL
hsl(215, 29%, 87%)
HSB
hsb(215, 8%, 91%)
CMYK
cmyk(8%, 5%, 0%, 9%)
Oklch
oklch(89.5% 0.017 256.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF899
99A0FF

Analogous

FFC599
FFF899
D3FF99

Triadic

FFF899
99FFF8
F899FF

Split-Comp.

FFF899
99D3FF
C599FF

Tetradic

FFF899
99FFC5
99A0FF
FF99D3

Contrast Matrix WCAG 2.1 Contrast

FFF899
151016
593A63
B7A6B9
D5DDE8
—
17.1
AAA
8.7
AAA
2.1
Fail
1.2
Fail
17.1
AAA
—
2.0
Fail
8.2
AAA
13.7
AAA
8.7
AAA
2.0
Fail
—
4.1
AA Large
6.9
AA
2.1
Fail
8.2
AAA
4.1
AA Large
—
1.7
Fail
1.2
Fail
13.7
AAA
6.9
AA
1.7
Fail
—
White BG
1.1Fail
18.8AAA
9.5AAA
2.3Fail
1.4Fail
Black BG
19.1AAA
1.1Fail
2.2Fail
9.2AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCB0
131315
4C4B59
B0AFB4
D8D9E5

Deuteranopia

FCFDB6
131414
4D5057
B1B2B3
D8D7E5

Tritanopia

FFC2C6
151313
575150
B6B1B0
D5E3E3

Achromatopsia

EFEFEF
121212
484848
ADADAD
DCDCDC

Shades & Tints Shades & Tints

#FFF899

Dark
Light

#151016

Dark
Light

#593A63

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff899;
  --color-2: #151016;
  --color-3: #593a63;
  --color-4: #b7a6b9;
  --color-5: #d5dde8;
}

SCSS

$color-1: #fff899;
$color-2: #151016;
$color-3: #593a63;
$color-4: #b7a6b9;
$color-5: #d5dde8;

TAILWIND

colors: {
  'brand-1': '#fff899',
  'brand-2': '#151016',
  'brand-3': '#593a63',
  'brand-4': '#b7a6b9',
  'brand-5': '#d5dde8',
}

RGB Array

[255, 248, 153], [21, 16, 22], [89, 58, 99], [183, 166, 185], [213, 221, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF899, #151016, #593A63, #B7A6B9, #D5DDE8 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: #fff899; --color-2: #151016; --color-3: #593a63; --color-4: #b7a6b9; --color-5: #d5dde8. 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