← Back to Editor

#33290B · #4E6616 · #3A9922 · #2DCC5D · #38FFD7

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 AppData Visualization

Color Details Color Details

#33290B

Ochre · Black · Amber Gold

HEX
#33290B
RGB
rgb(51, 41, 11)
HSL
hsl(45, 65%, 12%)
HSB
hsb(45, 78%, 20%)
CMYK
cmyk(0%, 20%, 78%, 80%)
Oklch
oklch(28.5% 0.047 90.5)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#4E6616

Grass Green · DarkOliveGreen · Forest Green

HEX
#4E6616
RGB
rgb(78, 102, 22)
HSL
hsl(78, 65%, 24%)
HSB
hsb(78, 78%, 40%)
CMYK
cmyk(24%, 0%, 78%, 60%)
Oklch
oklch(47.4% 0.108 125.2)

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

#3A9922

Pine Green · ForestGreen · Forest Green

HEX
#3A9922
RGB
rgb(58, 153, 34)
HSL
hsl(108, 64%, 37%)
HSB
hsb(108, 78%, 60%)
CMYK
cmyk(62%, 0%, 78%, 40%)
Oklch
oklch(60.3% 0.177 140.2)

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

#2DCC5D

Pine Green · MediumSeaGreen · Olive Green

HEX
#2DCC5D
RGB
rgb(45, 204, 93)
HSL
hsl(138, 64%, 49%)
HSB
hsb(138, 78%, 80%)
CMYK
cmyk(78%, 0%, 54%, 20%)
Oklch
oklch(74.3% 0.199 148.3)

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

#38FFD7

Jade · Turquoise · Lake Green

HEX
#38FFD7
RGB
rgb(56, 255, 215)
HSL
hsl(168, 100%, 61%)
HSB
hsb(168, 78%, 100%)
CMYK
cmyk(78%, 0%, 16%, 0%)
Oklch
oklch(89.8% 0.160 174.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

33290B
0B1532

Analogous

32150B
33290B
29320B

Triadic

33290B
0B3229
290B32

Split-Comp.

33290B
0B2932
150B32

Tetradic

33290B
0B3215
0B1532
320B29

Contrast Matrix WCAG 2.1 Contrast

33290B
4E6616
3A9922
2DCC5D
38FFD7
—
2.2
Fail
3.9
AA Large
6.8
AA
11.2
AAA
2.2
Fail
—
1.8
Fail
3.1
AA Large
5.1
AA
3.9
AA Large
1.8
Fail
—
1.7
Fail
2.9
Fail
6.8
AA
3.1
AA Large
1.7
Fail
—
1.7
Fail
11.2
AAA
5.1
AA
2.9
Fail
1.7
Fail
—
White BG
14.4AAA
6.5AA
3.6AA Large
2.1Fail
1.3Fail
Black BG
1.5Fail
3.2AA Large
5.8AA
9.9AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F12
585929
63643F
727378
8E90E1

Deuteranopia

2F3014
57552E
5E5746
695D7E
8374E3

Tritanopia

321819
4F393C
3F565B
358D92
42E8EA

Achromatopsia

292929
565656
6F6F6F
909090
BFBFBF

Shades & Tints Shades & Tints

#33290B

Dark
Light

#4E6616

Dark
Light

#3A9922

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #33290b;
  --color-2: #4e6616;
  --color-3: #3a9922;
  --color-4: #2dcc5d;
  --color-5: #38ffd7;
}

SCSS

$color-1: #33290b;
$color-2: #4e6616;
$color-3: #3a9922;
$color-4: #2dcc5d;
$color-5: #38ffd7;

TAILWIND

colors: {
  'brand-1': '#33290b',
  'brand-2': '#4e6616',
  'brand-3': '#3a9922',
  'brand-4': '#2dcc5d',
  'brand-5': '#38ffd7',
}

RGB Array

[51, 41, 11], [78, 102, 22], [58, 153, 34], [45, 204, 93], [56, 255, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #33290B, #4E6616, #3A9922, #2DCC5D, #38FFD7 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #33290b; --color-2: #4e6616; --color-3: #3a9922; --color-4: #2dcc5d; --color-5: #38ffd7. 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. 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 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