← Back to Editor

#2B2528 · #45343B · #A6A633 · #D1C81F · #E6E183

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

#2B2528

Dark Violet · DarkSlateGray · Dark Stone

HEX
#2B2528
RGB
rgb(43, 37, 40)
HSL
hsl(330, 8%, 16%)
HSB
hsb(330, 14%, 17%)
CMYK
cmyk(0%, 14%, 7%, 83%)
Oklch
oklch(27.2% 0.010 346.1)

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

#45343B

Dark Violet · DarkSlateGray · Raspberry

HEX
#45343B
RGB
rgb(69, 52, 59)
HSL
hsl(335, 14%, 24%)
HSB
hsb(335, 25%, 27%)
CMYK
cmyk(0%, 25%, 14%, 73%)
Oklch
oklch(34.6% 0.027 352.0)

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

#A6A633

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A6A633
RGB
rgb(166, 166, 51)
HSL
hsl(60, 53%, 43%)
HSB
hsb(60, 69%, 65%)
CMYK
cmyk(0%, 0%, 69%, 35%)
Oklch
oklch(70.4% 0.134 109.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#D1C81F

Autumn Sage · GoldenRod · Honey Gold

HEX
#D1C81F
RGB
rgb(209, 200, 31)
HSL
hsl(57, 74%, 47%)
HSB
hsb(57, 85%, 82%)
CMYK
cmyk(0%, 4%, 85%, 18%)
Oklch
oklch(81.4% 0.168 106.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E6E183

Fresh Green · Khaki · Sunflower

HEX
#E6E183
RGB
rgb(230, 225, 131)
HSL
hsl(57, 66%, 71%)
HSB
hsb(57, 43%, 90%)
CMYK
cmyk(0%, 2%, 43%, 10%)
Oklch
oklch(89.4% 0.116 105.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B2528
262C29

Analogous

2C262C
2B2528
2C2626

Triadic

2B2528
292C26
26292C

Split-Comp.

2B2528
262C26
262C2C

Tetradic

2B2528
2C2C26
262C29
26262C

Contrast Matrix WCAG 2.1 Contrast

2B2528
45343B
A6A633
D1C81F
E6E183
—
1.3
Fail
5.8
AA
8.6
AAA
11.1
AAA
1.3
Fail
—
4.5
AA Large
6.6
AA
8.6
AAA
5.8
AA
4.5
AA Large
—
1.5
Fail
1.9
Fail
8.6
AAA
6.6
AA
1.5
Fail
—
1.3
Fail
11.1
AAA
8.6
AAA
1.9
Fail
1.3
Fail
—
White BG
15.0AAA
11.6AAA
2.6Fail
1.8Fail
1.4Fail
Black BG
1.4Fail
1.8Fail
8.1AAA
12.0AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

282827
3E3D39
A6A64F
CDCD48
E4E49A

Deuteranopia

292927
3F4039
A6A656
CECE52
E4E59F

Tritanopia

2B2727
443838
A6656A
D1686F
E6ACB0

Achromatopsia

272727
3A3A3A
999999
B7B7B7
D8D8D8

Shades & Tints Shades & Tints

#2B2528

Dark
Light

#45343B

Dark
Light

#A6A633

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b2528;
  --color-2: #45343b;
  --color-3: #a6a633;
  --color-4: #d1c81f;
  --color-5: #e6e183;
}

SCSS

$color-1: #2b2528;
$color-2: #45343b;
$color-3: #a6a633;
$color-4: #d1c81f;
$color-5: #e6e183;

TAILWIND

colors: {
  'brand-1': '#2b2528',
  'brand-2': '#45343b',
  'brand-3': '#a6a633',
  'brand-4': '#d1c81f',
  'brand-5': '#e6e183',
}

RGB Array

[43, 37, 40], [69, 52, 59], [166, 166, 51], [209, 200, 31], [230, 225, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B2528, #45343B, #A6A633, #D1C81F, #E6E183 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: #2b2528; --color-2: #45343b; --color-3: #a6a633; --color-4: #d1c81f; --color-5: #e6e183. 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