← Back to Editor

#FBEFBF · #816549 · #D10D64 · #463D43 · #010006

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FBEFBF

Goose Yellow · Bisque · Lemon Cream

HEX
#FBEFBF
RGB
rgb(251, 239, 191)
HSL
hsl(48, 88%, 87%)
HSB
hsb(48, 24%, 98%)
CMYK
cmyk(0%, 5%, 24%, 2%)
Oklch
oklch(95.0% 0.063 95.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#816549

Ochre · DimGray · Amber Brown

HEX
#816549
RGB
rgb(129, 101, 73)
HSL
hsl(30, 28%, 40%)
HSB
hsb(30, 43%, 51%)
CMYK
cmyk(0%, 22%, 43%, 49%)
Oklch
oklch(52.8% 0.055 66.2)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#D10D64

Dark Violet · MediumVioletRed · Camellia

HEX
#D10D64
RGB
rgb(209, 13, 100)
HSL
hsl(333, 88%, 44%)
HSB
hsb(333, 94%, 82%)
CMYK
cmyk(0%, 94%, 52%, 18%)
Oklch
oklch(55.7% 0.219 4.3)

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

#463D43

Dark Cyan · DarkSlateGray · Charcoal

HEX
#463D43
RGB
rgb(70, 61, 67)
HSL
hsl(320, 7%, 26%)
HSB
hsb(320, 13%, 27%)
CMYK
cmyk(0%, 13%, 4%, 73%)
Oklch
oklch(37.1% 0.016 338.1)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#010006

Deep Indigo · Black · Deep Sea Blue

HEX
#010006
RGB
rgb(1, 0, 6)
HSL
hsl(250, 100%, 1%)
HSB
hsb(250, 100%, 2%)
CMYK
cmyk(83%, 100%, 0%, 98%)
Oklch
oklch(6.3% 0.036 289.2)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBEFBF
C1CCFB

Analogous

FBD2C1
FBEFBF
EAFBC1

Triadic

FBEFBF
C1FBEF
EFC1FB

Split-Comp.

FBEFBF
C1EAFB
D2C1FB

Tetradic

FBEFBF
C1FBD2
C1CCFB
FBC1EA

Contrast Matrix WCAG 2.1 Contrast

FBEFBF
816549
D10D64
463D43
010006
—
4.7
AA
4.6
AA
9.1
AAA
18.1
AAA
4.7
AA
—
1.0
Fail
1.9
Fail
3.9
AA Large
4.6
AA
1.0
Fail
—
2.0
Fail
3.9
AA Large
9.1
AAA
1.9
Fail
2.0
Fail
—
2.0
Fail
18.1
AAA
3.9
AA Large
3.9
AA Large
2.0
Fail
—
White BG
1.2Fail
5.4AA
5.3AA
10.5AAA
20.9AAA
Black BG
18.2AAA
3.9AA Large
4.0AA Large
2.0Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6CB
757550
7C7A4F
424242
010105

Deuteranopia

F7F7CD
777951
88964A
434341
010104

Tritanopia

FAD4D6
805556
C73E3B
464040
010303

Achromatopsia

EDEDED
6A6A6A
525252
404040
010101

Shades & Tints Shades & Tints

#FBEFBF

Dark
Light

#816549

Dark
Light

#D10D64

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbefbf;
  --color-2: #816549;
  --color-3: #d10d64;
  --color-4: #463d43;
  --color-5: #010006;
}

SCSS

$color-1: #fbefbf;
$color-2: #816549;
$color-3: #d10d64;
$color-4: #463d43;
$color-5: #010006;

TAILWIND

colors: {
  'brand-1': '#fbefbf',
  'brand-2': '#816549',
  'brand-3': '#d10d64',
  'brand-4': '#463d43',
  'brand-5': '#010006',
}

RGB Array

[251, 239, 191], [129, 101, 73], [209, 13, 100], [70, 61, 67], [1, 0, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBEFBF, #816549, #D10D64, #463D43, #010006 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fbefbf; --color-2: #816549; --color-3: #d10d64; --color-4: #463d43; --color-5: #010006. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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