← Back to Editor

#261D1C · #473736 · #8B9945 · #BDD158 · #E0F76D

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

#261D1C

Crimson · Black · Deep Berry

HEX
#261D1C
RGB
rgb(38, 29, 28)
HSL
hsl(6, 15%, 13%)
HSB
hsb(6, 26%, 15%)
CMYK
cmyk(0%, 24%, 26%, 85%)
Oklch
oklch(24.1% 0.014 25.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#473736

Crimson · DarkSlateGray · Wine Red

HEX
#473736
RGB
rgb(71, 55, 54)
HSL
hsl(4, 14%, 25%)
HSB
hsb(4, 24%, 28%)
CMYK
cmyk(0%, 23%, 24%, 72%)
Oklch
oklch(35.4% 0.023 22.5)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#8B9945

Grass Green · Gray · Olive Green

HEX
#8B9945
RGB
rgb(139, 153, 69)
HSL
hsl(70, 38%, 44%)
HSB
hsb(70, 55%, 60%)
CMYK
cmyk(9%, 0%, 55%, 40%)
Oklch
oklch(65.3% 0.111 117.4)

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

#BDD158

Grass Green · BurlyWood · Olive Green

HEX
#BDD158
RGB
rgb(189, 209, 88)
HSL
hsl(70, 57%, 58%)
HSB
hsb(70, 58%, 82%)
CMYK
cmyk(10%, 0%, 58%, 18%)
Oklch
oklch(82.2% 0.148 117.6)

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

#E0F76D

Willow Green · Khaki · Apple Green

HEX
#E0F76D
RGB
rgb(224, 247, 109)
HSL
hsl(70, 90%, 70%)
HSB
hsb(70, 56%, 97%)
CMYK
cmyk(9%, 0%, 56%, 3%)
Oklch
oklch(93.2% 0.164 117.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261D1C
1C2526

Analogous

261C20
261D1C
26221C

Triadic

261D1C
1C261D
1D1C26

Split-Comp.

261D1C
1C2622
1C2026

Tetradic

261D1C
20261C
1C2526
221C26

Contrast Matrix WCAG 2.1 Contrast

261D1C
473736
8B9945
BDD158
E0F76D
—
1.5
Fail
5.3
AA
9.7
AAA
13.9
AAA
1.5
Fail
—
3.6
AA Large
6.7
AA
9.5
AAA
5.3
AA
3.6
AA Large
—
1.8
Fail
2.6
Fail
9.7
AAA
6.7
AA
1.8
Fail
—
1.4
Fail
13.9
AAA
9.5
AAA
2.6
Fail
1.4
Fail
—
White BG
16.5AAA
11.2AAA
3.1AA Large
1.7Fail
1.2Fail
Black BG
1.3Fail
1.9Fail
6.7AA
12.4AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

22221C
404036
919159
C6C675
EAEA8E

Deuteranopia

23231C
414236
908F5E
C5C37C
E9E796

Tritanopia

261C1C
463636
8C696D
BE8C91
E1A9AF

Achromatopsia

202020
3C3C3C
8B8B8B
BDBDBD
E0E0E0

Shades & Tints Shades & Tints

#261D1C

Dark
Light

#473736

Dark
Light

#8B9945

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261d1c;
  --color-2: #473736;
  --color-3: #8b9945;
  --color-4: #bdd158;
  --color-5: #e0f76d;
}

SCSS

$color-1: #261d1c;
$color-2: #473736;
$color-3: #8b9945;
$color-4: #bdd158;
$color-5: #e0f76d;

TAILWIND

colors: {
  'brand-1': '#261d1c',
  'brand-2': '#473736',
  'brand-3': '#8b9945',
  'brand-4': '#bdd158',
  'brand-5': '#e0f76d',
}

RGB Array

[38, 29, 28], [71, 55, 54], [139, 153, 69], [189, 209, 88], [224, 247, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #261D1C, #473736, #8B9945, #BDD158, #E0F76D 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: #261d1c; --color-2: #473736; --color-3: #8b9945; --color-4: #bdd158; --color-5: #e0f76d. 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