#67AD31 + #268752 + #19594D + #143136 + #241B15 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#67AD31

Pine Green · LimeGreen · Olive Green

HEX

#67AD31

RGB

rgb(103, 173, 49)

HSL

hsl(94, 56%, 44%)

HSB

hsb(94, 72%, 68%)

CMYK

cmyk(40%, 0%, 72%, 32%)

Oklch

oklch(67.7% 0.171 134.5)

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

#268752

Pine Green · SeaGreen · Forest Green

HEX

#268752

RGB

rgb(38, 135, 82)

HSL

hsl(147, 56%, 34%)

HSB

hsb(147, 72%, 53%)

CMYK

cmyk(72%, 0%, 39%, 47%)

Oklch

oklch(55.4% 0.121 154.8)

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

#19594D

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#19594D

RGB

rgb(25, 89, 77)

HSL

hsl(169, 56%, 22%)

HSB

hsb(169, 72%, 35%)

CMYK

cmyk(72%, 0%, 13%, 65%)

Oklch

oklch(42.0% 0.067 177.8)

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

#143136

Slate Blue · DarkSlateGray · Peacock Green

HEX

#143136

RGB

rgb(20, 49, 54)

HSL

hsl(189, 46%, 15%)

HSB

hsb(189, 63%, 21%)

CMYK

cmyk(63%, 9%, 0%, 79%)

Oklch

oklch(29.3% 0.036 210.1)

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

#241B15

Tangerine · Black · Cinnamon

HEX

#241B15

RGB

rgb(36, 27, 21)

HSL

hsl(24, 26%, 11%)

HSB

hsb(24, 42%, 14%)

CMYK

cmyk(0%, 25%, 42%, 86%)

Oklch

oklch(23.1% 0.018 55.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

67AD31

7931AF

Analogous

A7AF31

67AD31

31AF3A

Triadic

67AD31

3168AF

AF3168

Split-Comp.

67AD31

3A31AF

AF31A7

Tetradic

67AD31

31A7AF

7931AF

AF3A31

Contrast Matrix WCAG 2.1 Contrast

67AD31	268752	19594D	143136	241B15
—	1.6 Fail	2.9 Fail	5.0 AA	6.1 AA
1.6 Fail	—	1.8 Fail	3.1 AA Large	3.8 AA Large
2.9 Fail	1.8 Fail	—	1.7 Fail	2.1 Fail
5.0 AA	3.1 AA Large	1.7 Fail	—	1.2 Fail
6.1 AA	3.8 AA Large	2.1 Fail	1.2 Fail	—

White BG

2.8Fail

4.5AA Large

8.1AAA

13.8AAA

16.9AAA

Black BG

7.6AAA

4.7AA

2.6Fail

1.5Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

85864F

50515F

353550

212135

202016

Deuteranopia

817C56

4A4362

312C51

1F1D35

212117

Tritanopia

6B676C

2B696B

1C5253

153434

241818

Achromatopsia

8A8A8A

646464

444444

292929

1D1D1D

Shades & Tints Shades & Tints

#67AD31

Dark

Light

#268752

Dark

Light

#19594D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #67ad31;
  --color-2: #268752;
  --color-3: #19594d;
  --color-4: #143136;
  --color-5: #241b15;
}

SCSS

$color-1: #67ad31;
$color-2: #268752;
$color-3: #19594d;
$color-4: #143136;
$color-5: #241b15;

TAILWIND

colors: {
  'brand-1': '#67ad31',
  'brand-2': '#268752',
  'brand-3': '#19594d',
  'brand-4': '#143136',
  'brand-5': '#241b15',
}

RGB Array

[103, 173, 49], [38, 135, 82], [25, 89, 77], [20, 49, 54], [36, 27, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #67AD31, #268752, #19594D, #143136, #241B15 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: #67ad31; --color-2: #268752; --color-3: #19594d; --color-4: #143136; --color-5: #241b15. 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