← Back to Editor

#FFFBCE · #89B091 · #171717 · #908313 · #BFB41C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FFFBCE

Fresh Green · Beige · Lemon Cream

HEX
#FFFBCE
RGB
rgb(255, 251, 206)
HSL
hsl(55, 100%, 90%)
HSB
hsb(55, 19%, 100%)
CMYK
cmyk(0%, 2%, 19%, 0%)
Oklch
oklch(98.0% 0.058 103.2)

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

#89B091

Celadon · DarkSeaGreen · Apple Green

HEX
#89B091
RGB
rgb(137, 176, 145)
HSL
hsl(132, 20%, 61%)
HSB
hsb(132, 22%, 69%)
CMYK
cmyk(22%, 0%, 18%, 31%)
Oklch
oklch(72.0% 0.061 150.8)

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

#171717

Ink Black · Black · Jet Black

HEX
#171717
RGB
rgb(23, 23, 23)
HSL
hsl(0, 0%, 9%)
HSB
hsb(0, 0%, 9%)
CMYK
cmyk(0%, 0%, 0%, 91%)
Oklch
oklch(20.5% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#908313

Autumn Sage · Olive · Honey Gold

HEX
#908313
RGB
rgb(144, 131, 19)
HSL
hsl(54, 77%, 32%)
HSB
hsb(54, 87%, 56%)
CMYK
cmyk(0%, 9%, 87%, 44%)
Oklch
oklch(60.3% 0.121 102.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#BFB41C

Autumn Sage · GoldenRod · Honey Gold

HEX
#BFB41C
RGB
rgb(191, 180, 28)
HSL
hsl(56, 74%, 43%)
HSB
hsb(56, 85%, 75%)
CMYK
cmyk(0%, 6%, 85%, 25%)
Oklch
oklch(75.6% 0.154 104.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFBCE
CCD0FF

Analogous

FFE1CC
FFFBCE
EAFFCC

Triadic

FFFBCE
CCFFFB
FBCCFF

Split-Comp.

FFFBCE
CCEAFF
E1CCFF

Tetradic

FFFBCE
CCFFE1
CCD0FF
FFCCEA

Contrast Matrix WCAG 2.1 Contrast

FFFBCE
89B091
171717
908313
BFB41C
—
2.3
Fail
17.0
AAA
3.7
AA Large
2.0
Fail
2.3
Fail
—
7.4
AAA
1.6
Fail
1.1
Fail
17.0
AAA
7.4
AAA
—
4.6
AA
8.3
AAA
3.7
AA Large
1.6
Fail
4.6
AA
—
1.8
Fail
2.0
Fail
1.1
Fail
8.3
AAA
1.8
Fail
—
White BG
1.1Fail
2.4Fail
17.9AAA
3.9AA Large
2.2Fail
Black BG
19.9AAA
8.7AAA
1.2Fail
5.4AA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDD9
9A9A99
171717
8A8A2E
BABA41

Deuteranopia

FEFEDC
98959A
171717
8B8C35
BBBC4A

Tritanopia

FFE1E3
8B9EA0
171717
8F4348
BE5E64

Achromatopsia

F7F7F7
A1A1A1
171717
7A7A7A
A6A6A6

Shades & Tints Shades & Tints

#FFFBCE

Dark
Light

#89B091

Dark
Light

#171717

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffbce;
  --color-2: #89b091;
  --color-3: #171717;
  --color-4: #908313;
  --color-5: #bfb41c;
}

SCSS

$color-1: #fffbce;
$color-2: #89b091;
$color-3: #171717;
$color-4: #908313;
$color-5: #bfb41c;

TAILWIND

colors: {
  'brand-1': '#fffbce',
  'brand-2': '#89b091',
  'brand-3': '#171717',
  'brand-4': '#908313',
  'brand-5': '#bfb41c',
}

RGB Array

[255, 251, 206], [137, 176, 145], [23, 23, 23], [144, 131, 19], [191, 180, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFBCE, #89B091, #171717, #908313, #BFB41C 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: #fffbce; --color-2: #89b091; --color-3: #171717; --color-4: #908313; --color-5: #bfb41c. 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