← Back to Editor

#057F8A · #08979B · #39B79F · #F6C344 · #CC9A17

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#057F8A

Lake Blue · Teal · Mint Ice

HEX
#057F8A
RGB
rgb(5, 127, 138)
HSL
hsl(185, 93%, 28%)
HSB
hsb(185, 96%, 54%)
CMYK
cmyk(96%, 8%, 0%, 46%)
Oklch
oklch(54.5% 0.092 205.6)

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

#08979B

Lake Blue · Teal · Mint Ice

HEX
#08979B
RGB
rgb(8, 151, 155)
HSL
hsl(182, 90%, 32%)
HSB
hsb(182, 95%, 61%)
CMYK
cmyk(95%, 3%, 0%, 39%)
Oklch
oklch(61.4% 0.103 198.2)

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

#39B79F

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#39B79F
RGB
rgb(57, 183, 159)
HSL
hsl(169, 53%, 47%)
HSB
hsb(169, 69%, 72%)
CMYK
cmyk(69%, 0%, 13%, 28%)
Oklch
oklch(70.5% 0.114 177.3)

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

#F6C344

Ginger · SandyBrown · Sunflower

HEX
#F6C344
RGB
rgb(246, 195, 68)
HSL
hsl(43, 91%, 62%)
HSB
hsb(43, 72%, 96%)
CMYK
cmyk(0%, 21%, 72%, 4%)
Oklch
oklch(84.1% 0.150 86.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#CC9A17

Ochre · GoldenRod · Honey Gold

HEX
#CC9A17
RGB
rgb(204, 154, 23)
HSL
hsl(43, 80%, 45%)
HSB
hsb(43, 89%, 80%)
CMYK
cmyk(0%, 25%, 89%, 20%)
Oklch
oklch(71.4% 0.142 84.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

057F8A
8A1005

Analogous

058A52
057F8A
053C8A

Triadic

057F8A
8A057F
7F8A05

Split-Comp.

057F8A
8A053C
8A5205

Tetradic

057F8A
52058A
8A1005
3C8A05

Contrast Matrix WCAG 2.1 Contrast

057F8A
08979B
39B79F
F6C344
CC9A17
—
1.3
Fail
1.9
Fail
2.9
Fail
1.9
Fail
1.3
Fail
—
1.4
Fail
2.2
Fail
1.4
Fail
1.9
Fail
1.4
Fail
—
1.5
Fail
1.0
Fail
2.9
Fail
2.2
Fail
1.5
Fail
—
1.6
Fail
1.9
Fail
1.4
Fail
1.0
Fail
1.6
Fail
—
White BG
4.8AA
3.6AA Large
2.5Fail
1.6Fail
2.6Fail
Black BG
4.4AA Large
5.9AA
8.4AAA
12.8AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3B87
46479A
7071A5
E0DF63
B6B637

Deuteranopia

332A87
3E339A
685FA6
E3E76A
B9BD3E

Tritanopia

0B8585
0F9999
3FA9AA
F37B80
C95055

Achromatopsia

5C5C5C
6D6D6D
8F8F8F
C4C4C4
9A9A9A

Shades & Tints Shades & Tints

#057F8A

Dark
Light

#08979B

Dark
Light

#39B79F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #057f8a;
  --color-2: #08979b;
  --color-3: #39b79f;
  --color-4: #f6c344;
  --color-5: #cc9a17;
}

SCSS

$color-1: #057f8a;
$color-2: #08979b;
$color-3: #39b79f;
$color-4: #f6c344;
$color-5: #cc9a17;

TAILWIND

colors: {
  'brand-1': '#057f8a',
  'brand-2': '#08979b',
  'brand-3': '#39b79f',
  'brand-4': '#f6c344',
  'brand-5': '#cc9a17',
}

RGB Array

[5, 127, 138], [8, 151, 155], [57, 183, 159], [246, 195, 68], [204, 154, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #057F8A, #08979B, #39B79F, #F6C344, #CC9A17 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #057f8a; --color-2: #08979b; --color-3: #39b79f; --color-4: #f6c344; --color-5: #cc9a17. 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. 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