← Back to Editor

#056559 · #29CEA4 · #AEE64E · #EEB355 · #F64D88

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

Color Details Color Details

#056559

Mineral Blue · Teal · Peacock Green

HEX
#056559
RGB
rgb(5, 101, 89)
HSL
hsl(173, 91%, 21%)
HSB
hsb(173, 95%, 40%)
CMYK
cmyk(95%, 0%, 12%, 60%)
Oklch
oklch(45.5% 0.081 180.8)

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

#29CEA4

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#29CEA4
RGB
rgb(41, 206, 164)
HSL
hsl(165, 67%, 48%)
HSB
hsb(165, 80%, 81%)
CMYK
cmyk(80%, 0%, 20%, 19%)
Oklch
oklch(76.1% 0.142 170.3)

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

#AEE64E

Grass Green · GreenYellow · Olive Green

HEX
#AEE64E
RGB
rgb(174, 230, 78)
HSL
hsl(82, 75%, 60%)
HSB
hsb(82, 66%, 90%)
CMYK
cmyk(24%, 0%, 66%, 10%)
Oklch
oklch(85.8% 0.187 127.4)

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

#EEB355

Ginger · SandyBrown · Warm Sun

HEX
#EEB355
RGB
rgb(238, 179, 85)
HSL
hsl(37, 82%, 63%)
HSB
hsb(37, 64%, 93%)
CMYK
cmyk(0%, 25%, 64%, 7%)
Oklch
oklch(80.4% 0.130 76.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F64D88

Rouge · LightCoral · Rose Pink

HEX
#F64D88
RGB
rgb(246, 77, 136)
HSL
hsl(339, 90%, 63%)
HSB
hsb(339, 69%, 96%)
CMYK
cmyk(0%, 69%, 45%, 4%)
Oklch
oklch(67.1% 0.209 3.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

056559
660510

Analogous

05662A
056559
054166

Triadic

056559
5B0566
665B05

Split-Comp.

056559
660541
662A05

Tetradic

056559
2A0566
660510
416605

Contrast Matrix WCAG 2.1 Contrast

056559
29CEA4
AEE64E
EEB355
F64D88
—
3.5
AA Large
4.7
AA
3.7
AA Large
2.1
Fail
3.5
AA Large
—
1.4
Fail
1.1
Fail
1.7
Fail
4.7
AA
1.4
Fail
—
1.3
Fail
2.2
Fail
3.7
AA Large
1.1
Fail
1.3
Fail
—
1.8
Fail
2.1
Fail
1.7
Fail
2.2
Fail
1.8
Fail
—
White BG
7.0AA
2.0Fail
1.5Fail
1.9Fail
3.3AA Large
Black BG
3.0AA Large
10.5AAA
14.2AAA
11.2AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F5C
7072AE
C6C773
D4D46C
ADAB7A

Deuteranopia

29225D
675BB1
C3BF7C
D8DC71
B7C376

Tritanopia

0A5E5F
31B6B8
B19096
EB7E82
EE6E6C

Achromatopsia

474747
989898
C4C4C4
BABABA
868686

Shades & Tints Shades & Tints

#056559

Dark
Light

#29CEA4

Dark
Light

#AEE64E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #056559;
  --color-2: #29cea4;
  --color-3: #aee64e;
  --color-4: #eeb355;
  --color-5: #f64d88;
}

SCSS

$color-1: #056559;
$color-2: #29cea4;
$color-3: #aee64e;
$color-4: #eeb355;
$color-5: #f64d88;

TAILWIND

colors: {
  'brand-1': '#056559',
  'brand-2': '#29cea4',
  'brand-3': '#aee64e',
  'brand-4': '#eeb355',
  'brand-5': '#f64d88',
}

RGB Array

[5, 101, 89], [41, 206, 164], [174, 230, 78], [238, 179, 85], [246, 77, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #056559, #29CEA4, #AEE64E, #EEB355, #F64D88 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: #056559; --color-2: #29cea4; --color-3: #aee64e; --color-4: #eeb355; --color-5: #f64d88. 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