← Back to Editor

#47181A · #3A4339 · #2D6E58 · #9BB084 · #D5CD9B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#47181A

Crimson · Maroon · Deep Berry

HEX
#47181A
RGB
rgb(71, 24, 26)
HSL
hsl(357, 49%, 19%)
HSB
hsb(357, 66%, 28%)
CMYK
cmyk(0%, 66%, 63%, 72%)
Oklch
oklch(28.3% 0.072 20.4)

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

#3A4339

Celadon · DarkSlateGray · Dark Stone

HEX
#3A4339
RGB
rgb(58, 67, 57)
HSL
hsl(114, 8%, 24%)
HSB
hsb(114, 15%, 26%)
CMYK
cmyk(13%, 0%, 15%, 74%)
Oklch
oklch(37.1% 0.021 142.4)

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

#2D6E58

Mineral Blue · SeaGreen · Mint Ice

HEX
#2D6E58
RGB
rgb(45, 110, 88)
HSL
hsl(160, 42%, 30%)
HSB
hsb(160, 59%, 43%)
CMYK
cmyk(59%, 0%, 20%, 57%)
Oklch
oklch(48.9% 0.076 168.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#9BB084

Grass Green · DarkSeaGreen · Olive Green

HEX
#9BB084
RGB
rgb(155, 176, 132)
HSL
hsl(89, 22%, 60%)
HSB
hsb(89, 25%, 69%)
CMYK
cmyk(12%, 0%, 25%, 31%)
Oklch
oklch(72.9% 0.066 128.7)

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

#D5CD9B

Fresh Green · Tan · Sunflower

HEX
#D5CD9B
RGB
rgb(213, 205, 155)
HSL
hsl(52, 41%, 72%)
HSB
hsb(52, 27%, 84%)
CMYK
cmyk(0%, 4%, 27%, 16%)
Oklch
oklch(84.3% 0.066 100.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47181A
194846

Analogous

481933
47181A
482E19

Triadic

47181A
1B4819
191B48

Split-Comp.

47181A
19482E
193348

Tetradic

47181A
334819
194846
2E1948

Contrast Matrix WCAG 2.1 Contrast

47181A
3A4339
2D6E58
9BB084
D5CD9B
—
1.4
Fail
2.5
Fail
6.3
AA
9.2
AAA
1.4
Fail
—
1.7
Fail
4.4
AA Large
6.4
AA
2.5
Fail
1.7
Fail
—
2.6
Fail
3.7
AA Large
6.3
AA
4.4
AA Large
2.6
Fail
—
1.5
Fail
9.2
AAA
6.4
AA
3.7
AA Large
1.5
Fail
—
White BG
14.9AAA
10.3AAA
6.0AA
2.3Fail
1.6Fail
Black BG
1.4Fail
2.0Fail
3.5AA Large
8.9AAA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

33321A
3E3E3B
494A5D
A4A48F
D2D1A7

Deuteranopia

353919
3D3D3C
45415F
A3A191
D2D3AA

Tritanopia

451919
3A3D3E
306262
9C9799
D5B1B3

Achromatopsia

262626
3F3F3F
585858
A5A5A5
CACACA

Shades & Tints Shades & Tints

#47181A

Dark
Light

#3A4339

Dark
Light

#2D6E58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47181a;
  --color-2: #3a4339;
  --color-3: #2d6e58;
  --color-4: #9bb084;
  --color-5: #d5cd9b;
}

SCSS

$color-1: #47181a;
$color-2: #3a4339;
$color-3: #2d6e58;
$color-4: #9bb084;
$color-5: #d5cd9b;

TAILWIND

colors: {
  'brand-1': '#47181a',
  'brand-2': '#3a4339',
  'brand-3': '#2d6e58',
  'brand-4': '#9bb084',
  'brand-5': '#d5cd9b',
}

RGB Array

[71, 24, 26], [58, 67, 57], [45, 110, 88], [155, 176, 132], [213, 205, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47181A, #3A4339, #2D6E58, #9BB084, #D5CD9B 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: #47181a; --color-2: #3a4339; --color-3: #2d6e58; --color-4: #9bb084; --color-5: #d5cd9b. 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