← Back to Editor

#B8A45B · #1B1B1B · #685960 · #E43C5D · #95A741

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

#B8A45B

Ginger · Tan · Sunflower

HEX
#B8A45B
RGB
rgb(184, 164, 91)
HSL
hsl(47, 40%, 54%)
HSB
hsb(47, 51%, 72%)
CMYK
cmyk(0%, 11%, 51%, 28%)
Oklch
oklch(72.0% 0.096 94.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#1B1B1B

Ink Black · Black · Dark Stone

HEX
#1B1B1B
RGB
rgb(27, 27, 27)
HSL
hsl(0, 0%, 11%)
HSB
hsb(0, 0%, 11%)
CMYK
cmyk(0%, 0%, 0%, 89%)
Oklch
oklch(22.2% 0.000 89.9)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#685960

Dark Violet · DimGray · Charcoal

HEX
#685960
RGB
rgb(104, 89, 96)
HSL
hsl(332, 8%, 38%)
HSB
hsb(332, 14%, 41%)
CMYK
cmyk(0%, 14%, 8%, 59%)
Oklch
oklch(48.1% 0.022 348.1)

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

#E43C5D

Vermilion · Tomato · Passion Red

HEX
#E43C5D
RGB
rgb(228, 60, 93)
HSL
hsl(348, 76%, 56%)
HSB
hsb(348, 74%, 89%)
CMYK
cmyk(0%, 74%, 59%, 11%)
Oklch
oklch(61.6% 0.203 14.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#95A741

Grass Green · DarkGoldenRod · Olive Green

HEX
#95A741
RGB
rgb(149, 167, 65)
HSL
hsl(71, 44%, 45%)
HSB
hsb(71, 61%, 65%)
CMYK
cmyk(11%, 0%, 61%, 35%)
Oklch
oklch(69.4% 0.129 118.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8A45B
5B6FB9

Analogous

B9755B
B8A45B
9EB95B

Triadic

B8A45B
5BB9A4
A45BB9

Split-Comp.

B8A45B
5B9EB9
755BB9

Tetradic

B8A45B
5BB975
5B6FB9
B95B9E

Contrast Matrix WCAG 2.1 Contrast

B8A45B
1B1B1B
685960
E43C5D
95A741
—
7.0
AA
2.7
Fail
1.7
Fail
1.1
Fail
7.0
AA
—
2.6
Fail
4.2
AA Large
6.5
AA
2.7
Fail
2.6
Fail
—
1.6
Fail
2.5
Fail
1.7
Fail
4.2
AA Large
1.6
Fail
—
1.5
Fail
1.1
Fail
6.5
AA
2.5
Fail
1.5
Fail
—
White BG
2.5Fail
17.2AAA
6.6AA
4.1AA Large
2.7Fail
Black BG
8.5AAA
1.2Fail
3.2AA Large
5.1AA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF6D
1B1B1B
62615E
9B9A55
9D9D5A

Deuteranopia

B1B271
1B1B1B
62645E
A5B253
9C9A60

Tritanopia

B77B7E
1B1B1B
675D5D
DC4F4D
966D71

Achromatopsia

A2A2A2
1B1B1B
5E5E5E
727272
969696

Shades & Tints Shades & Tints

#B8A45B

Dark
Light

#1B1B1B

Dark
Light

#685960

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8a45b;
  --color-2: #1b1b1b;
  --color-3: #685960;
  --color-4: #e43c5d;
  --color-5: #95a741;
}

SCSS

$color-1: #b8a45b;
$color-2: #1b1b1b;
$color-3: #685960;
$color-4: #e43c5d;
$color-5: #95a741;

TAILWIND

colors: {
  'brand-1': '#b8a45b',
  'brand-2': '#1b1b1b',
  'brand-3': '#685960',
  'brand-4': '#e43c5d',
  'brand-5': '#95a741',
}

RGB Array

[184, 164, 91], [27, 27, 27], [104, 89, 96], [228, 60, 93], [149, 167, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B8A45B, #1B1B1B, #685960, #E43C5D, #95A741 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: #b8a45b; --color-2: #1b1b1b; --color-3: #685960; --color-4: #e43c5d; --color-5: #95a741. 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