← Back to Editor

#0CC19A · #A4C407 · #CABD04 · #896A28 · #552700

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

#0CC19A

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0CC19A
RGB
rgb(12, 193, 154)
HSL
hsl(167, 88%, 40%)
HSB
hsb(167, 94%, 76%)
CMYK
cmyk(94%, 0%, 20%, 24%)
Oklch
oklch(72.3% 0.140 171.2)

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

#A4C407

Grass Green · DarkGoldenRod · Forest Green

HEX
#A4C407
RGB
rgb(164, 196, 7)
HSL
hsl(70, 93%, 40%)
HSB
hsb(70, 96%, 77%)
CMYK
cmyk(16%, 0%, 96%, 23%)
Oklch
oklch(76.9% 0.183 120.8)

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

#CABD04

Autumn Sage · GoldenRod · Honey Gold

HEX
#CABD04
RGB
rgb(202, 189, 4)
HSL
hsl(56, 96%, 40%)
HSB
hsb(56, 98%, 79%)
CMYK
cmyk(0%, 6%, 98%, 21%)
Oklch
oklch(78.4% 0.165 104.6)

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

#896A28

Ochre · Sienna · Honey Gold

HEX
#896A28
RGB
rgb(137, 106, 40)
HSL
hsl(41, 55%, 35%)
HSB
hsb(41, 71%, 54%)
CMYK
cmyk(0%, 23%, 71%, 46%)
Oklch
oklch(54.2% 0.092 83.2)

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

#552700

Tangerine · Maroon · Cinnamon

HEX
#552700
RGB
rgb(85, 39, 0)
HSL
hsl(28, 100%, 17%)
HSB
hsb(28, 100%, 33%)
CMYK
cmyk(0%, 54%, 100%, 67%)
Oklch
oklch(33.0% 0.083 53.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0CC19A
C00C33

Analogous

0CC03F
0CC19A
0C8DC0

Triadic

0CC19A
990CC0
C0990C

Split-Comp.

0CC19A
C00C8D
C03F0C

Tetradic

0CC19A
3F0CC0
C00C33
8DC00C

Contrast Matrix WCAG 2.1 Contrast

0CC19A
A4C407
CABD04
896A28
552700
—
1.2
Fail
1.2
Fail
2.2
Fail
5.4
AA
1.2
Fail
—
1.0
Fail
2.5
Fail
6.2
AA
1.2
Fail
1.0
Fail
—
2.6
Fail
6.4
AA
2.2
Fail
2.5
Fail
2.6
Fail
—
2.5
Fail
5.4
AA
6.2
AA
6.4
AA
2.5
Fail
—
White BG
2.3Fail
2.0Fail
1.9Fail
5.1AA
12.5AAA
Black BG
9.1AAA
10.5AAA
10.8AAA
4.2AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5CA3
B2B235
C4C431
7C7B38
414109

Deuteranopia

5042A6
B0AE40
C5C63B
7D803C
44470C

Tritanopia

15ABAD
A65961
C9545C
874547
531113

Achromatopsia

868686
A5A5A5
ACACAC
6C6C6C
303030

Shades & Tints Shades & Tints

#0CC19A

Dark
Light

#A4C407

Dark
Light

#CABD04

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0cc19a;
  --color-2: #a4c407;
  --color-3: #cabd04;
  --color-4: #896a28;
  --color-5: #552700;
}

SCSS

$color-1: #0cc19a;
$color-2: #a4c407;
$color-3: #cabd04;
$color-4: #896a28;
$color-5: #552700;

TAILWIND

colors: {
  'brand-1': '#0cc19a',
  'brand-2': '#a4c407',
  'brand-3': '#cabd04',
  'brand-4': '#896a28',
  'brand-5': '#552700',
}

RGB Array

[12, 193, 154], [164, 196, 7], [202, 189, 4], [137, 106, 40], [85, 39, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0CC19A, #A4C407, #CABD04, #896A28, #552700 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: #0cc19a; --color-2: #a4c407; --color-3: #cabd04; --color-4: #896a28; --color-5: #552700. 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