← Back to Editor

#FBFCD0 · #FB5918 · #4C5F61 · #68A193 · #BFDEBD

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

#FBFCD0

Fresh Green · Beige · Lemon Cream

HEX
#FBFCD0
RGB
rgb(251, 252, 208)
HSL
hsl(61, 88%, 90%)
HSB
hsb(61, 17%, 99%)
CMYK
cmyk(0%, 0%, 17%, 1%)
Oklch
oklch(97.9% 0.057 108.5)

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

#FB5918

Tangerine · OrangeRed · Warm Sun

HEX
#FB5918
RGB
rgb(251, 89, 24)
HSL
hsl(17, 97%, 54%)
HSB
hsb(17, 90%, 98%)
CMYK
cmyk(0%, 65%, 90%, 2%)
Oklch
oklch(67.5% 0.209 38.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#4C5F61

Slate Blue · DimGray · Mint Ice

HEX
#4C5F61
RGB
rgb(76, 95, 97)
HSL
hsl(186, 12%, 34%)
HSB
hsb(186, 22%, 38%)
CMYK
cmyk(22%, 2%, 0%, 62%)
Oklch
oklch(47.0% 0.023 204.3)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#68A193

Mineral Blue · CadetBlue · Lake Green

HEX
#68A193
RGB
rgb(104, 161, 147)
HSL
hsl(165, 23%, 52%)
HSB
hsb(165, 35%, 63%)
CMYK
cmyk(35%, 0%, 9%, 37%)
Oklch
oklch(66.5% 0.064 177.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#BFDEBD

Celadon · Silver · Mint Green

HEX
#BFDEBD
RGB
rgb(191, 222, 189)
HSL
hsl(116, 33%, 81%)
HSB
hsb(116, 15%, 87%)
CMYK
cmyk(14%, 0%, 15%, 13%)
Oklch
oklch(86.9% 0.056 143.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBFCD0
D0CFFC

Analogous

FCE6CF
FBFCD0
E5FCCF

Triadic

FBFCD0
CFFBFC
FCCFFB

Split-Comp.

FBFCD0
CFE5FC
E6CFFC

Tetradic

FBFCD0
CFFCE6
D0CFFC
FCCFE5

Contrast Matrix WCAG 2.1 Contrast

FBFCD0
FB5918
4C5F61
68A193
BFDEBD
—
3.0
AA Large
6.4
AA
2.8
Fail
1.4
Fail
3.0
AA Large
—
2.1
Fail
1.1
Fail
2.2
Fail
6.4
AA
2.1
Fail
—
2.3
Fail
4.6
AA
2.8
Fail
1.1
Fail
2.3
Fail
—
2.0
Fail
1.4
Fail
2.2
Fail
4.6
AA
2.0
Fail
—
White BG
1.1Fail
3.2AA Large
6.7AA
3.0Fail
1.5Fail
Black BG
19.9AAA
6.5AA
3.1AA Large
7.1AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBDB
B5B328
545461
818196
CCCDC5

Deuteranopia

FBFBDD
BECA2C
535260
7D7997
CBC8C7

Tritanopia

FBE3E5
F33437
4D6060
6B999A
C1CBCD

Achromatopsia

F7F7F7
828282
5A5A5A
8E8E8E
D1D1D1

Shades & Tints Shades & Tints

#FBFCD0

Dark
Light

#FB5918

Dark
Light

#4C5F61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbfcd0;
  --color-2: #fb5918;
  --color-3: #4c5f61;
  --color-4: #68a193;
  --color-5: #bfdebd;
}

SCSS

$color-1: #fbfcd0;
$color-2: #fb5918;
$color-3: #4c5f61;
$color-4: #68a193;
$color-5: #bfdebd;

TAILWIND

colors: {
  'brand-1': '#fbfcd0',
  'brand-2': '#fb5918',
  'brand-3': '#4c5f61',
  'brand-4': '#68a193',
  'brand-5': '#bfdebd',
}

RGB Array

[251, 252, 208], [251, 89, 24], [76, 95, 97], [104, 161, 147], [191, 222, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBFCD0, #FB5918, #4C5F61, #68A193, #BFDEBD 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: #fbfcd0; --color-2: #fb5918; --color-3: #4c5f61; --color-4: #68a193; --color-5: #bfdebd. 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