← Back to Editor

#D6BF90 · #BFBB63 · #E09D76 · #F7798C · #4D4242

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

#D6BF90

Ginger · Tan · Sunflower

HEX
#D6BF90
RGB
rgb(214, 191, 144)
HSL
hsl(40, 46%, 70%)
HSB
hsb(40, 33%, 84%)
CMYK
cmyk(0%, 11%, 33%, 16%)
Oklch
oklch(81.3% 0.067 84.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#BFBB63

Autumn Sage · Tan · Sunflower

HEX
#BFBB63
RGB
rgb(191, 187, 99)
HSL
hsl(57, 42%, 57%)
HSB
hsb(57, 48%, 75%)
CMYK
cmyk(0%, 2%, 48%, 25%)
Oklch
oklch(77.7% 0.111 106.4)

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

#E09D76

Apricot · DarkSalmon · Warm Sun

HEX
#E09D76
RGB
rgb(224, 157, 118)
HSL
hsl(22, 63%, 67%)
HSB
hsb(22, 47%, 88%)
CMYK
cmyk(0%, 30%, 47%, 12%)
Oklch
oklch(75.2% 0.096 51.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F7798C

Peach Pink · LightCoral · Coral Red

HEX
#F7798C
RGB
rgb(247, 121, 140)
HSL
hsl(351, 89%, 72%)
HSB
hsb(351, 51%, 97%)
CMYK
cmyk(0%, 51%, 43%, 3%)
Oklch
oklch(72.6% 0.155 12.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#4D4242

Crimson · DarkSlateGray · Charcoal

HEX
#4D4242
RGB
rgb(77, 66, 66)
HSL
hsl(0, 8%, 28%)
HSB
hsb(0, 14%, 30%)
CMYK
cmyk(0%, 14%, 14%, 70%)
Oklch
oklch(39.0% 0.015 17.8)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6BF90
8FA7D6

Analogous

D69B8F
D6BF90
CAD68F

Triadic

D6BF90
8FD6BE
BE8FD6

Split-Comp.

D6BF90
8FCAD6
9B8FD6

Tetradic

D6BF90
8FD69B
8FA7D6
D68FCA

Contrast Matrix WCAG 2.1 Contrast

D6BF90
BFBB63
E09D76
F7798C
4D4242
—
1.1
Fail
1.3
Fail
1.5
Fail
5.4
AA
1.1
Fail
—
1.1
Fail
1.3
Fail
4.8
AA
1.3
Fail
1.1
Fail
—
1.1
Fail
4.3
AA Large
1.5
Fail
1.3
Fail
1.1
Fail
—
3.7
AA Large
5.4
AA
4.8
AA
4.3
AA Large
3.7
AA Large
—
White BG
1.8Fail
2.0Fail
2.3Fail
2.6Fail
9.7AAA
Black BG
11.7AAA
10.5AAA
9.3AAA
8.1AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCC9B
BDBD78
C3C27F
C0BF87
484842

Deuteranopia

CDCF9E
BEBE7D
C7CC82
C8D186
494A42

Tritanopia

D5A4A6
BF898D
DD8789
F18483
4C4242

Achromatopsia

C1C1C1
B2B2B2
ADADAD
A1A1A1
454545

Shades & Tints Shades & Tints

#D6BF90

Dark
Light

#BFBB63

Dark
Light

#E09D76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6bf90;
  --color-2: #bfbb63;
  --color-3: #e09d76;
  --color-4: #f7798c;
  --color-5: #4d4242;
}

SCSS

$color-1: #d6bf90;
$color-2: #bfbb63;
$color-3: #e09d76;
$color-4: #f7798c;
$color-5: #4d4242;

TAILWIND

colors: {
  'brand-1': '#d6bf90',
  'brand-2': '#bfbb63',
  'brand-3': '#e09d76',
  'brand-4': '#f7798c',
  'brand-5': '#4d4242',
}

RGB Array

[214, 191, 144], [191, 187, 99], [224, 157, 118], [247, 121, 140], [77, 66, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6BF90, #BFBB63, #E09D76, #F7798C, #4D4242 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: #d6bf90; --color-2: #bfbb63; --color-3: #e09d76; --color-4: #f7798c; --color-5: #4d4242. 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