← Back to Editor

#00CC99 · #C9B026 · #FF6000 · #F93963 · #A10864

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

#00CC99

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#00CC99
RGB
rgb(0, 204, 153)
HSL
hsl(165, 100%, 40%)
HSB
hsb(165, 100%, 80%)
CMYK
cmyk(100%, 0%, 25%, 20%)
Oklch
oklch(75.0% 0.154 166.9)

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

#C9B026

Autumn Sage · GoldenRod · Honey Gold

HEX
#C9B026
RGB
rgb(201, 176, 38)
HSL
hsl(51, 68%, 47%)
HSB
hsb(51, 81%, 79%)
CMYK
cmyk(0%, 12%, 81%, 21%)
Oklch
oklch(75.7% 0.147 98.1)

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

#FF6000

Tangerine · OrangeRed · Amber Brown

HEX
#FF6000
RGB
rgb(255, 96, 0)
HSL
hsl(23, 100%, 50%)
HSB
hsb(23, 100%, 100%)
CMYK
cmyk(0%, 62%, 100%, 0%)
Oklch
oklch(68.8% 0.209 41.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#F93963

Vermilion · Tomato · Passion Red

HEX
#F93963
RGB
rgb(249, 57, 99)
HSL
hsl(347, 94%, 60%)
HSB
hsb(347, 77%, 98%)
CMYK
cmyk(0%, 77%, 60%, 2%)
Oklch
oklch(65.0% 0.225 14.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#A10864

Rose Purple · Purple · Camellia

HEX
#A10864
RGB
rgb(161, 8, 100)
HSL
hsl(324, 91%, 33%)
HSB
hsb(324, 95%, 63%)
CMYK
cmyk(0%, 95%, 38%, 37%)
Oklch
oklch(46.8% 0.189 352.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00CC99
CC0033

Analogous

00CC33
00CC99
0099CC

Triadic

00CC99
9900CC
CC9900

Split-Comp.

00CC99
CC0099
CC3300

Tetradic

00CC99
3300CC
CC0033
99CC00

Contrast Matrix WCAG 2.1 Contrast

00CC99
C9B026
FF6000
F93963
A10864
—
1.0
Fail
1.5
Fail
1.7
Fail
3.7
AA Large
1.0
Fail
—
1.4
Fail
1.7
Fail
3.6
AA Large
1.5
Fail
1.4
Fail
—
1.2
Fail
2.5
Fail
1.7
Fail
1.7
Fail
1.2
Fail
—
2.1
Fail
3.7
AA Large
3.6
AA Large
2.5
Fail
2.1
Fail
—
White BG
2.1Fail
2.2Fail
3.0AA Large
3.6AA Large
7.7AAA
Black BG
10.1AAA
9.7AAA
6.9AA
5.8AA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

585AA5
BEBE47
BAB917
A6A459
5F5D4E

Deuteranopia

4D3DA8
C0C24F
C3CF1D
B1BF56
687348

Tritanopia

0AAFB1
C86268
F72A2E
EF514F
993C38

Achromatopsia

898989
A8A8A8
858585
777777
404040

Shades & Tints Shades & Tints

#00CC99

Dark
Light

#C9B026

Dark
Light

#FF6000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00cc99;
  --color-2: #c9b026;
  --color-3: #ff6000;
  --color-4: #f93963;
  --color-5: #a10864;
}

SCSS

$color-1: #00cc99;
$color-2: #c9b026;
$color-3: #ff6000;
$color-4: #f93963;
$color-5: #a10864;

TAILWIND

colors: {
  'brand-1': '#00cc99',
  'brand-2': '#c9b026',
  'brand-3': '#ff6000',
  'brand-4': '#f93963',
  'brand-5': '#a10864',
}

RGB Array

[0, 204, 153], [201, 176, 38], [255, 96, 0], [249, 57, 99], [161, 8, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00CC99, #C9B026, #FF6000, #F93963, #A10864 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #00cc99; --color-2: #c9b026; --color-3: #ff6000; --color-4: #f93963; --color-5: #a10864. 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. 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