← Back to Editor

#04C4D1 · #79FFFE · #061637 · #42871D · #BAAA3B

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

#04C4D1

Lake Blue · DarkTurquoise · Mint Ice

HEX
#04C4D1
RGB
rgb(4, 196, 209)
HSL
hsl(184, 96%, 42%)
HSB
hsb(184, 98%, 82%)
CMYK
cmyk(98%, 6%, 0%, 18%)
Oklch
oklch(74.8% 0.127 203.3)

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

#79FFFE

Sky Blue · LightSkyBlue · Lake Green

HEX
#79FFFE
RGB
rgb(121, 255, 254)
HSL
hsl(180, 100%, 74%)
HSB
hsb(180, 53%, 100%)
CMYK
cmyk(53%, 0%, 0%, 0%)
Oklch
oklch(92.5% 0.118 194.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#061637

Indigo · Black · Deep Sea Blue

HEX
#061637
RGB
rgb(6, 22, 55)
HSL
hsl(220, 80%, 12%)
HSB
hsb(220, 89%, 22%)
CMYK
cmyk(89%, 60%, 0%, 78%)
Oklch
oklch(21.0% 0.068 262.2)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#42871D

Pine Green · ForestGreen · Forest Green

HEX
#42871D
RGB
rgb(66, 135, 29)
HSL
hsl(99, 65%, 32%)
HSB
hsb(99, 79%, 53%)
CMYK
cmyk(51%, 0%, 79%, 47%)
Oklch
oklch(55.7% 0.154 137.2)

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

#BAAA3B

Autumn Sage · GoldenRod · Honey Gold

HEX
#BAAA3B
RGB
rgb(186, 170, 59)
HSL
hsl(52, 52%, 48%)
HSB
hsb(52, 68%, 73%)
CMYK
cmyk(0%, 9%, 68%, 27%)
Oklch
oklch(73.1% 0.130 101.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

04C4D1
D21204

Analogous

04D279
04C4D1
045DD2

Triadic

04C4D1
D204C4
C4D204

Split-Comp.

04C4D1
D2045D
D27904

Tetradic

04C4D1
7904D2
D21204
5DD204

Contrast Matrix WCAG 2.1 Contrast

04C4D1
79FFFE
061637
42871D
BAAA3B
—
1.8
Fail
8.3
AAA
2.1
Fail
1.1
Fail
1.8
Fail
—
14.9
AAA
3.7
AA Large
2.0
Fail
8.3
AAA
14.9
AAA
—
4.0
AA Large
7.6
AAA
2.1
Fail
3.7
AA Large
4.0
AA Large
—
1.9
Fail
1.1
Fail
2.0
Fail
7.6
AAA
1.9
Fail
—
White BG
2.1Fail
1.2Fail
17.8AAA
4.5AA Large
2.4Fail
Black BG
9.8AAA
17.5AAA
1.2Fail
4.7AA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5759CE
B3B4FE
0D0D2F
606037
B3B356

Deuteranopia

4C3ECD
ABA1FE
0C0B2D
5C573D
B4B55C

Tritanopia

0ECBCB
80FEFE
072927
454B4F
B96B70

Achromatopsia

8C8C8C
D7D7D7
151515
666666
A2A2A2

Shades & Tints Shades & Tints

#04C4D1

Dark
Light

#79FFFE

Dark
Light

#061637

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #04c4d1;
  --color-2: #79fffe;
  --color-3: #061637;
  --color-4: #42871d;
  --color-5: #baaa3b;
}

SCSS

$color-1: #04c4d1;
$color-2: #79fffe;
$color-3: #061637;
$color-4: #42871d;
$color-5: #baaa3b;

TAILWIND

colors: {
  'brand-1': '#04c4d1',
  'brand-2': '#79fffe',
  'brand-3': '#061637',
  'brand-4': '#42871d',
  'brand-5': '#baaa3b',
}

RGB Array

[4, 196, 209], [121, 255, 254], [6, 22, 55], [66, 135, 29], [186, 170, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #04C4D1, #79FFFE, #061637, #42871D, #BAAA3B 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: #04c4d1; --color-2: #79fffe; --color-3: #061637; --color-4: #42871d; --color-5: #baaa3b. 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