#98B300 + #38804E + #49575C + #593859 + #5E254C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#98B300

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#98B300

RGB

rgb(152, 179, 0)

HSL

hsl(69, 100%, 35%)

HSB

hsb(69, 100%, 70%)

CMYK

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

Oklch

oklch(72.1% 0.171 119.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#38804E

Celadon · SeaGreen · Forest Green

HEX

#38804E

RGB

rgb(56, 128, 78)

HSL

hsl(138, 39%, 36%)

HSB

hsb(138, 56%, 50%)

CMYK

cmyk(56%, 0%, 39%, 50%)

Oklch

oklch(54.0% 0.107 151.3)

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

#49575C

Slate Blue · DarkSlateGray · Mint Ice

HEX

#49575C

RGB

rgb(73, 87, 92)

HSL

hsl(196, 12%, 32%)

HSB

hsb(196, 21%, 36%)

CMYK

cmyk(21%, 5%, 0%, 64%)

Oklch

oklch(44.7% 0.019 221.4)

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

#593859

Rose Purple · DarkSlateGray · Eggplant

HEX

#593859

RGB

rgb(89, 56, 89)

HSL

hsl(300, 23%, 28%)

HSB

hsb(300, 37%, 35%)

CMYK

cmyk(0%, 37%, 0%, 65%)

Oklch

oklch(39.3% 0.069 326.8)

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

#5E254C

Rose Purple · DarkSlateGray · Eggplant

HEX

#5E254C

RGB

rgb(94, 37, 76)

HSL

hsl(319, 44%, 26%)

HSB

hsb(319, 61%, 37%)

CMYK

cmyk(0%, 61%, 19%, 63%)

Oklch

oklch(36.1% 0.098 341.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

98B300

1B00B3

Analogous

B37400

98B300

3EB300

Triadic

98B300

0098B3

B30098

Split-Comp.

98B300

003EB3

7400B3

Tetradic

98B300

00B374

1B00B3

B3003E

Contrast Matrix WCAG 2.1 Contrast

98B300	38804E	49575C	593859	5E254C
—	2.0 Fail	3.1 AA Large	4.1 AA Large	4.8 AA
2.0 Fail	—	1.6 Fail	2.0 Fail	2.4 Fail
3.1 AA Large	1.6 Fail	—	1.3 Fail	1.5 Fail
4.1 AA Large	2.0 Fail	1.3 Fail	—	1.2 Fail
4.8 AA	2.4 Fail	1.5 Fail	1.2 Fail	—

White BG

2.4Fail

4.8AA

7.5AAA

9.8AAA

11.4AAA

Black BG

8.8AAA

4.4AA Large

2.8Fail

2.1Fail

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A42B

57585A

4F4F5B

4B4A51

454543

Deuteranopia

A2A036

534E5D

4E4D5A

4D4F4F

494D40

Tritanopia

994E55

3C6466

4A5A5A

574B49

5B3B39

Achromatopsia

979797

656565

535353

464646

3A3A3A

Shades & Tints Shades & Tints

#98B300

Dark

Light

#38804E

Dark

Light

#49575C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #98b300;
  --color-2: #38804e;
  --color-3: #49575c;
  --color-4: #593859;
  --color-5: #5e254c;
}

SCSS

$color-1: #98b300;
$color-2: #38804e;
$color-3: #49575c;
$color-4: #593859;
$color-5: #5e254c;

TAILWIND

colors: {
  'brand-1': '#98b300',
  'brand-2': '#38804e',
  'brand-3': '#49575c',
  'brand-4': '#593859',
  'brand-5': '#5e254c',
}

RGB Array

[152, 179, 0], [56, 128, 78], [73, 87, 92], [89, 56, 89], [94, 37, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #98B300, #38804E, #49575C, #593859, #5E254C 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: #98b300; --color-2: #38804e; --color-3: #49575c; --color-4: #593859; --color-5: #5e254c. 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