← Back to Editor

#047562 · #003F4C · #1F7576 · #00FFED · #019793

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

#047562

Mineral Blue · Teal · Peacock Green

HEX
#047562
RGB
rgb(4, 117, 98)
HSL
hsl(170, 93%, 24%)
HSB
hsb(170, 97%, 46%)
CMYK
cmyk(97%, 0%, 16%, 54%)
Oklch
oklch(50.3% 0.093 176.0)

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

#003F4C

Lake Blue · DarkSlateGray · Peacock Green

HEX
#003F4C
RGB
rgb(0, 63, 76)
HSL
hsl(190, 100%, 15%)
HSB
hsb(190, 100%, 30%)
CMYK
cmyk(100%, 17%, 0%, 70%)
Oklch
oklch(33.9% 0.061 217.0)

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

#1F7576

Lake Blue · Teal · Mint Ice

HEX
#1F7576
RGB
rgb(31, 117, 118)
HSL
hsl(181, 58%, 29%)
HSB
hsb(181, 74%, 46%)
CMYK
cmyk(74%, 1%, 0%, 54%)
Oklch
oklch(51.4% 0.078 196.2)

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

#00FFED

Mineral Blue · Cyan · Mint Ice

HEX
#00FFED
RGB
rgb(0, 255, 237)
HSL
hsl(176, 100%, 50%)
HSB
hsb(176, 100%, 100%)
CMYK
cmyk(100%, 0%, 7%, 0%)
Oklch
oklch(90.0% 0.158 185.8)

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

#019793

Mineral Blue · Teal · Mint Ice

HEX
#019793
RGB
rgb(1, 151, 147)
HSL
hsl(178, 99%, 30%)
HSB
hsb(178, 99%, 59%)
CMYK
cmyk(99%, 0%, 3%, 41%)
Oklch
oklch(61.1% 0.105 191.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

047562
760417

Analogous

04762A
047562
045076

Triadic

047562
630476
766304

Split-Comp.

047562
760450
762A04

Tetradic

047562
2A0476
760417
507604

Contrast Matrix WCAG 2.1 Contrast

047562
003F4C
1F7576
00FFED
019793
—
2.1
Fail
1.0
Fail
4.4
AA Large
1.6
Fail
2.1
Fail
—
2.1
Fail
9.1
AAA
3.2
AA Large
1.0
Fail
2.1
Fail
—
4.3
AA Large
1.5
Fail
4.4
AA Large
9.1
AAA
4.3
AA Large
—
2.8
Fail
1.6
Fail
3.2
AA Large
1.5
Fail
2.8
Fail
—
White BG
5.6AA
11.6AAA
5.4AA
1.3Fail
3.6AA Large
Black BG
3.7AA Large
1.8Fail
3.9AA Large
16.5AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

353667
1B1C49
444576
6E71F1
424394

Deuteranopia

2E2668
181348
3F3976
604DF2
392E94

Tritanopia

0A6A6B
034646
237676
0DF5F6
099595

Achromatopsia

515151
2E2E2E
5B5B5B
B1B1B1
6A6A6A

Shades & Tints Shades & Tints

#047562

Dark
Light

#003F4C

Dark
Light

#1F7576

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #047562;
  --color-2: #003f4c;
  --color-3: #1f7576;
  --color-4: #00ffed;
  --color-5: #019793;
}

SCSS

$color-1: #047562;
$color-2: #003f4c;
$color-3: #1f7576;
$color-4: #00ffed;
$color-5: #019793;

TAILWIND

colors: {
  'brand-1': '#047562',
  'brand-2': '#003f4c',
  'brand-3': '#1f7576',
  'brand-4': '#00ffed',
  'brand-5': '#019793',
}

RGB Array

[4, 117, 98], [0, 63, 76], [31, 117, 118], [0, 255, 237], [1, 151, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #047562, #003F4C, #1F7576, #00FFED, #019793 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: #047562; --color-2: #003f4c; --color-3: #1f7576; --color-4: #00ffed; --color-5: #019793. 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