← Back to Editor

#00A178 · #DE9B00 · #CC4908 · #9C0031 · #730142

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

#00A178

Mineral Blue · Teal · Mint Ice

HEX
#00A178
RGB
rgb(0, 161, 120)
HSL
hsl(165, 100%, 32%)
HSB
hsb(165, 100%, 63%)
CMYK
cmyk(100%, 0%, 25%, 37%)
Oklch
oklch(62.9% 0.129 166.9)

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

#DE9B00

Ochre · GoldenRod · Honey Gold

HEX
#DE9B00
RGB
rgb(222, 155, 0)
HSL
hsl(42, 100%, 44%)
HSB
hsb(42, 100%, 87%)
CMYK
cmyk(0%, 30%, 100%, 13%)
Oklch
oklch(73.6% 0.154 77.8)

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

#CC4908

Tangerine · Chocolate · Amber Brown

HEX
#CC4908
RGB
rgb(204, 73, 8)
HSL
hsl(20, 92%, 42%)
HSB
hsb(20, 96%, 80%)
CMYK
cmyk(0%, 64%, 96%, 20%)
Oklch
oklch(57.9% 0.178 40.3)

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

#9C0031

Dark Violet · FireBrick · Camellia

HEX
#9C0031
RGB
rgb(156, 0, 49)
HSL
hsl(341, 100%, 31%)
HSB
hsb(341, 100%, 61%)
CMYK
cmyk(0%, 100%, 69%, 39%)
Oklch
oklch(44.0% 0.176 15.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#730142

Rose Purple · Purple · Raspberry

HEX
#730142
RGB
rgb(115, 1, 66)
HSL
hsl(326, 98%, 23%)
HSB
hsb(326, 99%, 45%)
CMYK
cmyk(0%, 99%, 43%, 55%)
Oklch
oklch(36.3% 0.148 354.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00A178
A30029

Analogous

00A329
00A178
007AA3

Triadic

00A178
7A00A3
A37A00

Split-Comp.

00A178
A3007A
A32900

Tetradic

00A178
2900A3
A30029
7AA300

Contrast Matrix WCAG 2.1 Contrast

00A178
DE9B00
CC4908
9C0031
730142
—
1.4
Fail
1.4
Fail
2.6
Fail
3.5
AA Large
1.4
Fail
—
1.9
Fail
3.6
AA Large
4.9
AA
1.4
Fail
1.9
Fail
—
1.8
Fail
2.5
Fail
2.6
Fail
3.6
AA Large
1.8
Fail
—
1.4
Fail
3.5
AA Large
4.9
AA
2.5
Fail
1.4
Fail
—
White BG
3.3AA Large
2.4Fail
4.6AA
8.5AAA
11.6AAA
Black BG
6.4AA
8.8AAA
4.5AA
2.5Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

464782
C1C026
939218
585725
424132

Deuteranopia

3C3084
C5CA2F
9BA51C
626D22
48512E

Tritanopia

088A8B
DB434A
C52427
941C1A
6D2623

Achromatopsia

6C6C6C
9D9D9D
696969
343434
2A2A2A

Shades & Tints Shades & Tints

#00A178

Dark
Light

#DE9B00

Dark
Light

#CC4908

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00a178;
  --color-2: #de9b00;
  --color-3: #cc4908;
  --color-4: #9c0031;
  --color-5: #730142;
}

SCSS

$color-1: #00a178;
$color-2: #de9b00;
$color-3: #cc4908;
$color-4: #9c0031;
$color-5: #730142;

TAILWIND

colors: {
  'brand-1': '#00a178',
  'brand-2': '#de9b00',
  'brand-3': '#cc4908',
  'brand-4': '#9c0031',
  'brand-5': '#730142',
}

RGB Array

[0, 161, 120], [222, 155, 0], [204, 73, 8], [156, 0, 49], [115, 1, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00A178, #DE9B00, #CC4908, #9C0031, #730142 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: #00a178; --color-2: #de9b00; --color-3: #cc4908; --color-4: #9c0031; --color-5: #730142. 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