#92B84B + #318C45 + #005C40 + #30182C + #521D2C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#92B84B

Grass Green · DarkSeaGreen · Olive Green

HEX

#92B84B

RGB

rgb(146, 184, 75)

HSL

hsl(81, 43%, 51%)

HSB

hsb(81, 59%, 72%)

CMYK

cmyk(21%, 0%, 59%, 28%)

Oklch

oklch(73.2% 0.144 125.9)

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

#318C45

Celadon · SeaGreen · Forest Green

HEX

#318C45

RGB

rgb(49, 140, 69)

HSL

hsl(133, 48%, 37%)

HSB

hsb(133, 65%, 55%)

CMYK

cmyk(65%, 0%, 51%, 45%)

Oklch

oklch(56.9% 0.137 147.7)

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

#005C40

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#005C40

RGB

rgb(0, 92, 64)

HSL

hsl(162, 100%, 18%)

HSB

hsb(162, 100%, 36%)

CMYK

cmyk(100%, 0%, 30%, 64%)

Oklch

oklch(42.0% 0.089 164.2)

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

#30182C

Rose Purple · DarkSlateGray · Dark Purple

HEX

#30182C

RGB

rgb(48, 24, 44)

HSL

hsl(310, 33%, 14%)

HSB

hsb(310, 50%, 19%)

CMYK

cmyk(0%, 50%, 8%, 81%)

Oklch

oklch(25.1% 0.050 333.3)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#521D2C

Dark Violet · Maroon · Raspberry

HEX

#521D2C

RGB

rgb(82, 29, 44)

HSL

hsl(343, 48%, 22%)

HSB

hsb(343, 65%, 32%)

CMYK

cmyk(0%, 65%, 46%, 68%)

Oklch

oklch(31.6% 0.081 5.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92B84B

724CB8

Analogous

B8A84C

92B84B

5CB84C

Triadic

92B84B

4C92B8

B84C92

Split-Comp.

92B84B

4C5CB8

A84CB8

Tetradic

92B84B

4CB8A8

724CB8

B84C5C

Contrast Matrix WCAG 2.1 Contrast

92B84B	318C45	005C40	30182C	521D2C
—	1.8 Fail	3.5 AA Large	7.1 AAA	5.8 AA
1.8 Fail	—	1.9 Fail	3.8 AA Large	3.2 AA Large
3.5 AA Large	1.9 Fail	—	2.0 Fail	1.7 Fail
7.1 AAA	3.8 AA Large	2.0 Fail	—	1.2 Fail
5.8 AA	3.2 AA Large	1.7 Fail	1.2 Fail	—

White BG

2.3Fail

4.2AA Large

8.1AAA

16.2AAA

13.4AAA

Black BG

9.2AAA

5.0AA

2.6Fail

1.3Fail

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A365

585956

282947

262527

3B3B28

Deuteranopia

A09D6C

534C5A

231C48

272926

3E4228

Tritanopia

947A7F

366467

054C4D

2F2323

4F2625

Achromatopsia

A0A0A0

696969

3D3D3D

212121

2F2F2F

Shades & Tints Shades & Tints

#92B84B

Dark

Light

#318C45

Dark

Light

#005C40

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92b84b;
  --color-2: #318c45;
  --color-3: #005c40;
  --color-4: #30182c;
  --color-5: #521d2c;
}

SCSS

$color-1: #92b84b;
$color-2: #318c45;
$color-3: #005c40;
$color-4: #30182c;
$color-5: #521d2c;

TAILWIND

colors: {
  'brand-1': '#92b84b',
  'brand-2': '#318c45',
  'brand-3': '#005c40',
  'brand-4': '#30182c',
  'brand-5': '#521d2c',
}

RGB Array

[146, 184, 75], [49, 140, 69], [0, 92, 64], [48, 24, 44], [82, 29, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #92B84B, #318C45, #005C40, #30182C, #521D2C is ideal for: tech websites, dark mode UIs, game UIs. 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: #92b84b; --color-2: #318c45; --color-3: #005c40; --color-4: #30182c; --color-5: #521d2c. 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 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