#97C433 + #7CB526 + #46981A + #0D7D43 + #1F2C25 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#97C433

Grass Green · GreenYellow · Olive Green

HEX

#97C433

RGB

rgb(151, 196, 51)

HSL

hsl(79, 59%, 48%)

HSB

hsb(79, 74%, 77%)

CMYK

cmyk(23%, 0%, 74%, 23%)

Oklch

oklch(76.2% 0.174 125.7)

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

#7CB526

Grass Green · Olive · Olive Green

HEX

#7CB526

RGB

rgb(124, 181, 38)

HSL

hsl(84, 65%, 43%)

HSB

hsb(84, 79%, 71%)

CMYK

cmyk(31%, 0%, 79%, 29%)

Oklch

oklch(70.8% 0.176 129.7)

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

#46981A

Pine Green · ForestGreen · Forest Green

HEX

#46981A

RGB

rgb(70, 152, 26)

HSL

hsl(99, 71%, 35%)

HSB

hsb(99, 83%, 60%)

CMYK

cmyk(54%, 0%, 83%, 40%)

Oklch

oklch(60.5% 0.174 137.6)

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

#0D7D43

Pine Green · SeaGreen · Forest Green

HEX

#0D7D43

RGB

rgb(13, 125, 67)

HSL

hsl(149, 81%, 27%)

HSB

hsb(149, 90%, 49%)

CMYK

cmyk(90%, 0%, 46%, 51%)

Oklch

oklch(51.9% 0.129 153.2)

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

#1F2C25

Celadon · DarkSlateGray · Dark Green

HEX

#1F2C25

RGB

rgb(31, 44, 37)

HSL

hsl(148, 17%, 15%)

HSB

hsb(148, 30%, 17%)

CMYK

cmyk(30%, 0%, 16%, 83%)

Oklch

oklch(27.9% 0.022 161.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

97C433

6032C3

Analogous

C3A832

97C433

4DC332

Triadic

97C433

3295C3

C33295

Split-Comp.

97C433

324DC3

A832C3

Tetradic

97C433

32C3A8

6032C3

C3324D

Contrast Matrix WCAG 2.1 Contrast

97C433	7CB526	46981A	0D7D43	1F2C25
—	1.2 Fail	1.8 Fail	2.5 Fail	7.1 AAA
1.2 Fail	—	1.5 Fail	2.1 Fail	5.9 AA
1.8 Fail	1.5 Fail	—	1.4 Fail	4.0 AA Large
2.5 Fail	2.1 Fail	1.4 Fail	—	2.8 Fail
7.1 AAA	5.9 AA	4.0 AA Large	2.8 Fail	—

White BG

2.0Fail

2.5Fail

3.6AA Large

5.2AA

14.5AAA

Black BG

10.3AAA

8.5AAA

5.8AA

4.0AA Large

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAB56

959549

6A6A38

3D3F51

252527

Deuteranopia

A8A55F

918D51

655F40

372F54

242327

Tritanopia

997278

7F646A

4A5156

135C5F

202828

Achromatopsia

A6A6A6

949494

717171

555555

272727

Shades & Tints Shades & Tints

#97C433

Dark

Light

#7CB526

Dark

Light

#46981A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #97c433;
  --color-2: #7cb526;
  --color-3: #46981a;
  --color-4: #0d7d43;
  --color-5: #1f2c25;
}

SCSS

$color-1: #97c433;
$color-2: #7cb526;
$color-3: #46981a;
$color-4: #0d7d43;
$color-5: #1f2c25;

TAILWIND

colors: {
  'brand-1': '#97c433',
  'brand-2': '#7cb526',
  'brand-3': '#46981a',
  'brand-4': '#0d7d43',
  'brand-5': '#1f2c25',
}

RGB Array

[151, 196, 51], [124, 181, 38], [70, 152, 26], [13, 125, 67], [31, 44, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #97C433, #7CB526, #46981A, #0D7D43, #1F2C25 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: #97c433; --color-2: #7cb526; --color-3: #46981a; --color-4: #0d7d43; --color-5: #1f2c25. 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