← Back to Editor

#00CCA8 · #73CC00 · #CC9D00 · #CC00AF · #4C4A4A

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

#00CCA8

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#00CCA8
RGB
rgb(0, 204, 168)
HSL
hsl(169, 100%, 40%)
HSB
hsb(169, 100%, 80%)
CMYK
cmyk(100%, 0%, 18%, 20%)
Oklch
oklch(75.4% 0.144 173.9)

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

#73CC00

Grass Green · Chartreuse · Forest Green

HEX
#73CC00
RGB
rgb(115, 204, 0)
HSL
hsl(86, 100%, 40%)
HSB
hsb(86, 100%, 80%)
CMYK
cmyk(44%, 0%, 100%, 20%)
Oklch
oklch(75.9% 0.217 133.7)

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

#CC9D00

Ochre · DarkGoldenRod · Honey Gold

HEX
#CC9D00
RGB
rgb(204, 157, 0)
HSL
hsl(46, 100%, 40%)
HSB
hsb(46, 100%, 80%)
CMYK
cmyk(0%, 23%, 100%, 20%)
Oklch
oklch(72.0% 0.147 87.0)

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

#CC00AF

Rose Purple · MediumVioletRed · Eggplant

HEX
#CC00AF
RGB
rgb(204, 0, 175)
HSL
hsl(309, 100%, 40%)
HSB
hsb(309, 100%, 80%)
CMYK
cmyk(0%, 100%, 14%, 20%)
Oklch
oklch(57.6% 0.254 336.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#4C4A4A

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4C4A4A
RGB
rgb(76, 74, 74)
HSL
hsl(0, 1%, 29%)
HSB
hsb(0, 3%, 30%)
CMYK
cmyk(0%, 3%, 3%, 70%)
Oklch
oklch(41.1% 0.003 17.3)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00CCA8
CC0025

Analogous

00CC41
00CCA8
008BCC

Triadic

00CCA8
A700CC
CCA700

Split-Comp.

00CCA8
CC008B
CC4100

Tetradic

00CCA8
4100CC
CC0025
8BCC00

Contrast Matrix WCAG 2.1 Contrast

00CCA8
73CC00
CC9D00
CC00AF
4C4A4A
—
1.0
Fail
1.2
Fail
2.4
Fail
4.3
AA Large
1.0
Fail
—
1.2
Fail
2.5
Fail
4.3
AA Large
1.2
Fail
1.2
Fail
—
2.0
Fail
3.5
AA Large
2.4
Fail
2.5
Fail
2.0
Fail
—
1.8
Fail
4.3
AA Large
4.3
AA Large
3.5
AA Large
1.8
Fail
—
White BG
2.1Fail
2.0Fail
2.5Fail
5.0AA
8.8AAA
Black BG
10.2AAA
10.4AAA
8.4AAA
4.2AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

585AB1
9A9A31
B8B726
747285
4B4B4A

Deuteranopia

4D3DB3
948E3D
BABE2F
808F7A
4B4B4A

Tritanopia

0AB8B9
775861
CA444B
C2635C
4C4A4A

Achromatopsia

8B8B8B
9A9A9A
999999
515151
4B4B4B

Shades & Tints Shades & Tints

#00CCA8

Dark
Light

#73CC00

Dark
Light

#CC9D00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00cca8;
  --color-2: #73cc00;
  --color-3: #cc9d00;
  --color-4: #cc00af;
  --color-5: #4c4a4a;
}

SCSS

$color-1: #00cca8;
$color-2: #73cc00;
$color-3: #cc9d00;
$color-4: #cc00af;
$color-5: #4c4a4a;

TAILWIND

colors: {
  'brand-1': '#00cca8',
  'brand-2': '#73cc00',
  'brand-3': '#cc9d00',
  'brand-4': '#cc00af',
  'brand-5': '#4c4a4a',
}

RGB Array

[0, 204, 168], [115, 204, 0], [204, 157, 0], [204, 0, 175], [76, 74, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00CCA8, #73CC00, #CC9D00, #CC00AF, #4C4A4A 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: #00cca8; --color-2: #73cc00; --color-3: #cc9d00; --color-4: #cc00af; --color-5: #4c4a4a. 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