← Back to Editor

#432A2C · #224734 · #00643B · #367820 · #6C8C05

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#432A2C

Crimson · DarkSlateGray · Wine Red

HEX
#432A2C
RGB
rgb(67, 42, 44)
HSL
hsl(355, 23%, 21%)
HSB
hsb(355, 37%, 26%)
CMYK
cmyk(0%, 37%, 34%, 74%)
Oklch
oklch(31.6% 0.038 14.2)

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

#224734

Celadon · DarkSlateGray · Forest Green

HEX
#224734
RGB
rgb(34, 71, 52)
HSL
hsl(149, 35%, 21%)
HSB
hsb(149, 52%, 28%)
CMYK
cmyk(52%, 0%, 27%, 72%)
Oklch
oklch(36.4% 0.054 159.6)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#00643B

Mineral Blue · DarkSlateGray · Dark Green

HEX
#00643B
RGB
rgb(0, 100, 59)
HSL
hsl(155, 100%, 20%)
HSB
hsb(155, 100%, 39%)
CMYK
cmyk(100%, 0%, 41%, 61%)
Oklch
oklch(44.3% 0.105 157.2)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#367820

Pine Green · ForestGreen · Forest Green

HEX
#367820
RGB
rgb(54, 120, 32)
HSL
hsl(105, 58%, 30%)
HSB
hsb(105, 73%, 47%)
CMYK
cmyk(55%, 0%, 73%, 53%)
Oklch
oklch(51.1% 0.139 139.1)

Traditional「Pine Green」· Paint「Forest Green」· Creative Blush Sunrise

#6C8C05

Grass Green · Olive · Forest Green

HEX
#6C8C05
RGB
rgb(108, 140, 5)
HSL
hsl(74, 93%, 28%)
HSB
hsb(74, 96%, 55%)
CMYK
cmyk(23%, 0%, 96%, 45%)
Oklch
oklch(59.4% 0.146 124.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

432A2C
294240

Analogous

422938
432A2C
423329

Triadic

432A2C
2B4229
292B42

Split-Comp.

432A2C
294233
293842

Tetradic

432A2C
384229
294240
332942

Contrast Matrix WCAG 2.1 Contrast

432A2C
224734
00643B
367820
6C8C05
—
1.3
Fail
1.8
Fail
2.4
Fail
3.4
AA Large
1.3
Fail
—
1.4
Fail
1.9
Fail
2.7
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
1.9
Fail
2.4
Fail
1.9
Fail
1.3
Fail
—
1.4
Fail
3.4
AA Large
2.7
Fail
1.9
Fail
1.4
Fail
—
White BG
13.1AAA
10.4AAA
7.3AAA
5.4AA
3.9AA Large
Black BG
1.6Fail
2.0Fail
2.9Fail
3.9AA Large
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

38382C
323239
2B2C45
535335
7A7A26

Deuteranopia

3A3C2B
302D3A
261E47
4F4A3A
78762E

Tritanopia

422B2B
243C3D
054D4E
39464A
6E3F45

Achromatopsia

323232
3A3A3A
414141
5A5A5A
737373

Shades & Tints Shades & Tints

#432A2C

Dark
Light

#224734

Dark
Light

#00643B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #432a2c;
  --color-2: #224734;
  --color-3: #00643b;
  --color-4: #367820;
  --color-5: #6c8c05;
}

SCSS

$color-1: #432a2c;
$color-2: #224734;
$color-3: #00643b;
$color-4: #367820;
$color-5: #6c8c05;

TAILWIND

colors: {
  'brand-1': '#432a2c',
  'brand-2': '#224734',
  'brand-3': '#00643b',
  'brand-4': '#367820',
  'brand-5': '#6c8c05',
}

RGB Array

[67, 42, 44], [34, 71, 52], [0, 100, 59], [54, 120, 32], [108, 140, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #432A2C, #224734, #00643B, #367820, #6C8C05 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #432a2c; --color-2: #224734; --color-3: #00643b; --color-4: #367820; --color-5: #6c8c05. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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