← Back to Editor

#008573 · #41BAAA · #97D1C9 · #D9E6C1 · #79AD17

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 AppData Visualization

Color Details Color Details

#008573

Mineral Blue · Teal · Mint Ice

HEX
#008573
RGB
rgb(0, 133, 115)
HSL
hsl(172, 100%, 26%)
HSB
hsb(172, 100%, 52%)
CMYK
cmyk(100%, 0%, 14%, 48%)
Oklch
oklch(55.2% 0.101 178.8)

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

#41BAAA

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#41BAAA
RGB
rgb(65, 186, 170)
HSL
hsl(172, 48%, 49%)
HSB
hsb(172, 65%, 73%)
CMYK
cmyk(65%, 0%, 9%, 27%)
Oklch
oklch(71.8% 0.109 182.8)

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

#97D1C9

Jade · LightSteelBlue · Lake Green

HEX
#97D1C9
RGB
rgb(151, 209, 201)
HSL
hsl(172, 39%, 71%)
HSB
hsb(172, 28%, 82%)
CMYK
cmyk(28%, 0%, 4%, 18%)
Oklch
oklch(81.9% 0.061 185.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#D9E6C1

Willow Green · LightGray · Mint Green

HEX
#D9E6C1
RGB
rgb(217, 230, 193)
HSL
hsl(81, 43%, 83%)
HSB
hsb(81, 16%, 90%)
CMYK
cmyk(6%, 0%, 16%, 10%)
Oklch
oklch(90.5% 0.051 123.2)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#79AD17

Grass Green · Olive · Forest Green

HEX
#79AD17
RGB
rgb(121, 173, 23)
HSL
hsl(81, 77%, 38%)
HSB
hsb(81, 87%, 68%)
CMYK
cmyk(30%, 0%, 87%, 32%)
Oklch
oklch(68.5% 0.174 128.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

008573
850012

Analogous

008531
008573
005485

Triadic

008573
730085
857300

Split-Comp.

008573
850054
853100

Tetradic

008573
310085
850012
548500

Contrast Matrix WCAG 2.1 Contrast

008573
41BAAA
97D1C9
D9E6C1
79AD17
—
1.9
Fail
2.7
Fail
3.5
AA Large
1.7
Fail
1.9
Fail
—
1.4
Fail
1.8
Fail
1.1
Fail
2.7
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
3.5
AA Large
1.8
Fail
1.3
Fail
—
2.1
Fail
1.7
Fail
1.1
Fail
1.6
Fail
2.1
Fail
—
White BG
4.6AA
2.4Fail
1.7Fail
1.3Fail
2.7Fail
Black BG
4.6AA
8.8AAA
12.3AAA
16.0AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3B77
7576AE
B0B1CB
DFDFCA
90903B

Deuteranopia

322878
6E65AF
ADA8CB
DEDDCC
8D8944

Tritanopia

077B7C
47B1B2
9ACCCD
DAD1D3
7C585E

Achromatopsia

5B5B5B
949494
BFBFBF
DEDEDE
8C8C8C

Shades & Tints Shades & Tints

#008573

Dark
Light

#41BAAA

Dark
Light

#97D1C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #008573;
  --color-2: #41baaa;
  --color-3: #97d1c9;
  --color-4: #d9e6c1;
  --color-5: #79ad17;
}

SCSS

$color-1: #008573;
$color-2: #41baaa;
$color-3: #97d1c9;
$color-4: #d9e6c1;
$color-5: #79ad17;

TAILWIND

colors: {
  'brand-1': '#008573',
  'brand-2': '#41baaa',
  'brand-3': '#97d1c9',
  'brand-4': '#d9e6c1',
  'brand-5': '#79ad17',
}

RGB Array

[0, 133, 115], [65, 186, 170], [151, 209, 201], [217, 230, 193], [121, 173, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #008573, #41BAAA, #97D1C9, #D9E6C1, #79AD17 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #008573; --color-2: #41baaa; --color-3: #97d1c9; --color-4: #d9e6c1; --color-5: #79ad17. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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