← Back to Editor

#B7B05F · #FCFAC7 · #C6DEF6 · #8B92ED · #140A15

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

#B7B05F

Autumn Sage · Tan · Sunflower

HEX
#B7B05F
RGB
rgb(183, 176, 95)
HSL
hsl(55, 38%, 55%)
HSB
hsb(55, 48%, 72%)
CMYK
cmyk(0%, 4%, 48%, 28%)
Oklch
oklch(74.6% 0.104 104.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FCFAC7

Fresh Green · Bisque · Lemon Cream

HEX
#FCFAC7
RGB
rgb(252, 250, 199)
HSL
hsl(58, 90%, 88%)
HSB
hsb(58, 21%, 99%)
CMYK
cmyk(0%, 1%, 21%, 1%)
Oklch
oklch(97.4% 0.066 105.7)

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

#C6DEF6

Azure · LightBlue · Sky Blue

HEX
#C6DEF6
RGB
rgb(198, 222, 246)
HSL
hsl(210, 73%, 87%)
HSB
hsb(210, 20%, 96%)
CMYK
cmyk(20%, 10%, 0%, 4%)
Oklch
oklch(89.0% 0.042 248.3)

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

#8B92ED

Azure · CornflowerBlue · Cobalt Blue

HEX
#8B92ED
RGB
rgb(139, 146, 237)
HSL
hsl(236, 73%, 74%)
HSB
hsb(236, 41%, 93%)
CMYK
cmyk(41%, 38%, 0%, 7%)
Oklch
oklch(69.3% 0.133 279.0)

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

#140A15

Dark Plum · Black · Dark Purple

HEX
#140A15
RGB
rgb(20, 10, 21)
HSL
hsl(295, 35%, 6%)
HSB
hsb(295, 52%, 8%)
CMYK
cmyk(5%, 52%, 0%, 92%)
Oklch
oklch(16.5% 0.027 323.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B7B05F
6168B8

Analogous

B88561
B7B05F
94B861

Triadic

B7B05F
61B8B1
B161B8

Split-Comp.

B7B05F
6194B8
8561B8

Tetradic

B7B05F
61B885
6168B8
B86194

Contrast Matrix WCAG 2.1 Contrast

B7B05F
FCFAC7
C6DEF6
8B92ED
140A15
—
2.1
Fail
1.6
Fail
1.3
Fail
8.7
AAA
2.1
Fail
—
1.3
Fail
2.6
Fail
18.1
AAA
1.6
Fail
1.3
Fail
—
2.0
Fail
14.0
AAA
1.3
Fail
2.6
Fail
2.0
Fail
—
6.9
AA
8.7
AAA
18.1
AAA
14.0
AAA
6.9
AA
—
White BG
2.2Fail
1.1Fail
1.4Fail
2.8Fail
19.4AAA
Black BG
9.4AAA
19.6AAA
15.2AAA
7.4AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B473
FBFBD3
D0D1F0
8E8ED7
101012

Deuteranopia

B4B577
FBFBD6
CFCDEF
8E8DD2
101112

Tritanopia

B78285
FCDDDF
C7ECEB
8BC6C2
141010

Achromatopsia

A9A9A9
F5F5F5
DADADA
9A9A9A
0E0E0E

Shades & Tints Shades & Tints

#B7B05F

Dark
Light

#FCFAC7

Dark
Light

#C6DEF6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7b05f;
  --color-2: #fcfac7;
  --color-3: #c6def6;
  --color-4: #8b92ed;
  --color-5: #140a15;
}

SCSS

$color-1: #b7b05f;
$color-2: #fcfac7;
$color-3: #c6def6;
$color-4: #8b92ed;
$color-5: #140a15;

TAILWIND

colors: {
  'brand-1': '#b7b05f',
  'brand-2': '#fcfac7',
  'brand-3': '#c6def6',
  'brand-4': '#8b92ed',
  'brand-5': '#140a15',
}

RGB Array

[183, 176, 95], [252, 250, 199], [198, 222, 246], [139, 146, 237], [20, 10, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B7B05F, #FCFAC7, #C6DEF6, #8B92ED, #140A15 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #b7b05f; --color-2: #fcfac7; --color-3: #c6def6; --color-4: #8b92ed; --color-5: #140a15. 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 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