← Back to Editor

#000016 · #00C486 · #7ECC7A · #C5F04F · #FAEA3E

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

#000016

Deep Indigo · Black · Deep Sea Blue

HEX
#000016
RGB
rgb(0, 0, 22)
HSL
hsl(240, 100%, 4%)
HSB
hsb(240, 100%, 9%)
CMYK
cmyk(100%, 100%, 0%, 91%)
Oklch
oklch(9.0% 0.063 264.1)

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

#00C486

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#00C486
RGB
rgb(0, 196, 134)
HSL
hsl(161, 100%, 38%)
HSB
hsb(161, 100%, 77%)
CMYK
cmyk(100%, 0%, 32%, 23%)
Oklch
oklch(72.5% 0.160 161.7)

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

#7ECC7A

Celadon · DarkSeaGreen · Apple Green

HEX
#7ECC7A
RGB
rgb(126, 204, 122)
HSL
hsl(117, 45%, 64%)
HSB
hsb(117, 40%, 80%)
CMYK
cmyk(38%, 0%, 40%, 20%)
Oklch
oklch(77.5% 0.138 143.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#C5F04F

Willow Green · GreenYellow · Apple Green

HEX
#C5F04F
RGB
rgb(197, 240, 79)
HSL
hsl(76, 84%, 63%)
HSB
hsb(76, 67%, 94%)
CMYK
cmyk(18%, 0%, 67%, 6%)
Oklch
oklch(89.5% 0.189 123.2)

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

#FAEA3E

Fresh Green · Gold · Sunflower

HEX
#FAEA3E
RGB
rgb(250, 234, 62)
HSL
hsl(55, 95%, 61%)
HSB
hsb(55, 75%, 98%)
CMYK
cmyk(0%, 6%, 75%, 2%)
Oklch
oklch(92.2% 0.178 103.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000016
141400

Analogous

000A14
000016
0A0014

Triadic

000016
140000
001400

Split-Comp.

000016
140A00
0A1400

Tetradic

000016
14000A
141400
00140A

Contrast Matrix WCAG 2.1 Contrast

000016
00C486
7ECC7A
C5F04F
FAEA3E
—
9.1
AAA
10.7
AAA
15.8
AAA
16.7
AAA
9.1
AAA
—
1.2
Fail
1.7
Fail
1.8
Fail
10.7
AAA
1.2
Fail
—
1.5
Fail
1.6
Fail
15.8
AAA
1.7
Fail
1.5
Fail
—
1.1
Fail
16.7
AAA
1.8
Fail
1.6
Fail
1.1
Fail
—
White BG
20.8AAA
2.3Fail
1.9Fail
1.3Fail
1.2Fail
Black BG
1.0Fail
9.2AAA
10.8AAA
16.0AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

000011
555795
A0A08E
D8D876
F3F368

Deuteranopia

00000F
4A3B99
9B9593
D5D27F
F4F572

Tritanopia

000C0C
0AA1A3
829EA1
C7959B
F98890

Achromatopsia

030303
828282
ABABAB
D1D1D1
DBDBDB

Shades & Tints Shades & Tints

#000016

Dark
Light

#00C486

Dark
Light

#7ECC7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000016;
  --color-2: #00c486;
  --color-3: #7ecc7a;
  --color-4: #c5f04f;
  --color-5: #faea3e;
}

SCSS

$color-1: #000016;
$color-2: #00c486;
$color-3: #7ecc7a;
$color-4: #c5f04f;
$color-5: #faea3e;

TAILWIND

colors: {
  'brand-1': '#000016',
  'brand-2': '#00c486',
  'brand-3': '#7ecc7a',
  'brand-4': '#c5f04f',
  'brand-5': '#faea3e',
}

RGB Array

[0, 0, 22], [0, 196, 134], [126, 204, 122], [197, 240, 79], [250, 234, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #000016, #00C486, #7ECC7A, #C5F04F, #FAEA3E 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: #000016; --color-2: #00c486; --color-3: #7ecc7a; --color-4: #c5f04f; --color-5: #faea3e. 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