← Back to Editor

#145F3E · #026965 · #009194 · #4A8046 · #687331

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#145F3E

Mineral Blue · DarkSlateGray · Forest Green

HEX
#145F3E
RGB
rgb(20, 95, 62)
HSL
hsl(154, 65%, 23%)
HSB
hsb(154, 79%, 37%)
CMYK
cmyk(79%, 0%, 35%, 63%)
Oklch
oklch(43.2% 0.090 159.2)

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

#026965

Mineral Blue · Teal · Peacock Green

HEX
#026965
RGB
rgb(2, 105, 101)
HSL
hsl(178, 96%, 21%)
HSB
hsb(178, 98%, 41%)
CMYK
cmyk(98%, 0%, 4%, 59%)
Oklch
oklch(47.0% 0.081 190.2)

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

#009194

Lake Blue · Teal · Mint Ice

HEX
#009194
RGB
rgb(0, 145, 148)
HSL
hsl(181, 100%, 29%)
HSB
hsb(181, 100%, 58%)
CMYK
cmyk(100%, 2%, 0%, 42%)
Oklch
oklch(59.6% 0.101 197.4)

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

#4A8046

Celadon · DarkOliveGreen · Forest Green

HEX
#4A8046
RGB
rgb(74, 128, 70)
HSL
hsl(116, 29%, 39%)
HSB
hsb(116, 45%, 50%)
CMYK
cmyk(42%, 0%, 45%, 50%)
Oklch
oklch(54.7% 0.105 142.5)

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

#687331

Grass Green · DarkOliveGreen · Forest Green

HEX
#687331
RGB
rgb(104, 115, 49)
HSL
hsl(70, 40%, 32%)
HSB
hsb(70, 57%, 45%)
CMYK
cmyk(10%, 0%, 57%, 55%)
Oklch
oklch(53.1% 0.091 117.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

145F3E
611536

Analogous

15611A
145F3E
155C61

Triadic

145F3E
401561
614015

Split-Comp.

145F3E
61155C
611A15

Tetradic

145F3E
1A1561
611536
5C6115

Contrast Matrix WCAG 2.1 Contrast

145F3E
026965
009194
4A8046
687331
—
1.2
Fail
2.0
Fail
1.6
Fail
1.5
Fail
1.2
Fail
—
1.7
Fail
1.4
Fail
1.3
Fail
2.0
Fail
1.7
Fail
—
1.2
Fail
1.3
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
White BG
7.7AAA
6.5AA
3.8AA Large
4.7AA
5.1AA
Black BG
2.7Fail
3.2AA Large
5.5AA
4.5AA Large
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

343546
2F3066
3F4093
616254
6D6D41

Deuteranopia

302B48
292166
362C93
5E5A57
6C6B45

Tritanopia

184C4E
076767
079393
4D5F62
694E50

Achromatopsia

454545
4A4A4A
666666
696969
686868

Shades & Tints Shades & Tints

#145F3E

Dark
Light

#026965

Dark
Light

#009194

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #145f3e;
  --color-2: #026965;
  --color-3: #009194;
  --color-4: #4a8046;
  --color-5: #687331;
}

SCSS

$color-1: #145f3e;
$color-2: #026965;
$color-3: #009194;
$color-4: #4a8046;
$color-5: #687331;

TAILWIND

colors: {
  'brand-1': '#145f3e',
  'brand-2': '#026965',
  'brand-3': '#009194',
  'brand-4': '#4a8046',
  'brand-5': '#687331',
}

RGB Array

[20, 95, 62], [2, 105, 101], [0, 145, 148], [74, 128, 70], [104, 115, 49]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #145F3E, #026965, #009194, #4A8046, #687331 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #145f3e; --color-2: #026965; --color-3: #009194; --color-4: #4a8046; --color-5: #687331. 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 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